/**
 * Page sections
 */
var strDivNameHover = '';
document.observe("dom:loaded", function() {
	setSectionHandler('mouseover');
});

function setSectionHandler(eventName) {
	var stopEventName = (eventName == 'mouseover' ? 'click' : 'mouseover');
	$$('#page-sections .section .headline').invoke('stopObserving', stopEventName);
	$$('#page-sections .section .headline').invoke('observe', eventName, function(event) {
		showSection(this);
	});
}

function showSection(item, fadeCallback) {
	// Klassennamen ermitteln
	the_up = item.up('li');
	the_next = item.next('div');
	strNewClassNames = String(the_up.classNames());			
				
	if (strDivNameHover != strNewClassNames) {
		
		// Deaktivieren
		$$('#page-sections .section .show').each(function(item) {				
			item.removeClassName('show');
			// Fire event close
			Event.fire(item, 'section:close');
		});

		//Fire event open
		Event.fire(item, 'section:open');
		
		// Neuen Klassennamen übernehmen
		strDivNameHover = strNewClassNames;
		
		// Einblenden					
		//the_next.fade({ duration: 1.2, from: 0.05, to: 1, afterFinish:fadeCallback });
		the_next.fade({ duration: 1.2, from: 0.05, to: 1, afterFinish: function(event) {
			if(fadeCallback) {
				fadeCallback();
			}
			//Fire event complete
			Event.fire(this, 'section:complete');
		}.bind(item)});
									
		// Klasssen hinzufügen
		the_next.addClassName('show');
		item.addClassName('show');
		
		// Höhe der Teaser dynamisch anpassen damit die 
		// "weiter"-Links alle untenbündig angezeigt werden.
		var childs = the_next.childElements();
		var childMaxHeight = 0;
		childs.each(function(c) {
			if(c.hasClassName('teaser') && c.getHeight() > childMaxHeight) {
				childMaxHeight = c.getHeight();
			}
		});
		childs.each(function(c) {
			if(c.hasClassName('teaser')) {
				c.setStyle({height : childMaxHeight + 'px'});
			}
		});
	}
}