document.observe(
	"dom:loaded",
	function() {
		ddInit('#midCol .tx_psoffers_pi1');
	}
);

/**
 * Init a tx_psoffers_pi1 content element to make the search mask be dropdown.
 *
 * @var string cssSelector CSS-Selector to find the proper pi element.
 * @return void
 */
function ddInit(cssSelector) {
	var elements = $$(cssSelector);
	
	elements.each(
		function (n) {
			var ctElement = n.up('.ctElement');
			if (!ctElement) {
				return;
			}
			var title = ctElement.down('h1, h2, h3');
			if (!title) {
				var prev = ctElement.previous('.ctElement');
				if (prev) {
					title = prev.down('h1, h2, h3');
					if (!title) {
						return;
					}
				} else {
					return;
				}
			}
			title.addClassName('search');
			
			var results = n.down('.listView .item');
			var fieldset = n.down('fieldset.defaultForm');
			
			if (!results) {
				/* title.addClassName('openSearch'); */
				return;
			} else {
				title.addClassName('closedSearch');
				if (fieldset) {
					fieldset.style.display = 'none';
				}
			}
			
			title.observe('click',
				function(event) {
					if (title.hasClassName('openSearch')) {
						title.removeClassName('openSearch');
						title.addClassName('closedSearch');
						fieldset.style.display = 'none';
					} else {
						title.removeClassName('closedSearch');
						title.addClassName('openSearch');
						fieldset.style.display = 'block';
					}
				}
			);
		}
	);
}