/*
 * Javascript für Hauptnavigation mit aufklappbarer Unternavigation
 */
var show;
var time = 2000;

window.addEvent('load', function() {
	// rechtes div ausblenden, wenns leer ist, damit der balken nicht sichtbar ist
	if($('rechts').getChildren().length == 0)
		$('rechts').setStyle('display', 'none');
	
	$$('#navigation a.lvl1').each(function(a) {
		if(!Browser.Engine.trident)
			a.addEvent('mouseenter', hideAll);
		
		var d = a.getNext();
		if(d && d.get('tag') == 'div')
		{
			var pos = a.getPosition($('navigation'));
			d.setPosition({ 'x': pos.x, 'y': pos.y+35 });
			a.addEvents({
				'mouseenter': function() {
					d.setStyle('display','block');
				}, 
				'mouseleave': function() {
					show = hideAll.delay(time);
				}
				});
			d.addEvents({
				'mouseleave': function() {
					show = hideAll.delay(time);
				}, 
				'mouseenter': function() {
					$clear(show);
				}
			});
		}
		if(Browser.Engine.trident)
			a.addEvent('mouseenter', hideAll);

	});
});

function hideAll() {
	$clear(show);
	$$('#navigation div.lvl2').each(function(d) {
		d.setStyle('display', 'none');
	});
}