/*
	Navigation.js
*/


// Navigation einrichten

	// Events setzen
	$$('#navi a').each(function(elem){
		$(elem).observe('mouseover',naviOn);
		$(elem).observe('mouseout',naviOut);
		});


	// Level 3 generell verstecken, aktiven Level 3 zeigen
	$$('#navi ul li ul li ul').invoke('hide');
	$$('#navi ul li.active ul li.active ul').invoke('show');

	// aktiven Level 2 zeigen		
	$$('#navi ul li.active > ul').invoke('show');	
	
	

// Navigation ein-und ausblenden

	var naviTimer = null;
	
	function naviOn(wen){
		
		var element = Event.element(wen);
		
		// Timer gesetzt? Zurücksetzen
		clearTimeout(naviTimer);
			
			if(element.ancestors(2)[2].id=='navi'){
				
					// bin ich Level 1? Dann blende Level 2 aus
					$$('#navi ul li ul').invoke('hide');
					
			} else if(element.ancestors(4)[4].id=='navi'){
				
					// bin ich Level 2? Dann blende Level 3 aus
					$$('#navi ul li ul li ul').invoke('hide');
					
			} 
					
		// raus wenn keine UL vorhanden ist
		if(element.nextSibling==null) return;
			
		// Element hat eine UL		
		// aktives Untermenü einblenden
		element.nextSibling.show();	
		
	}
	
	function naviOut(wen){
		
		naviTimer = setTimeout('naviAusblenden()',1000);	
		
	}
	
	function naviAusblenden(){
	
			// Level 3 generell verstecken, aktiven Level 3 zeigen
			$$('#navi ul li ul li ul').invoke('hide');
			$$('#navi ul li.active ul li.active ul').invoke('show');
		
			//  Level 2 generell verstecken, aktiven Level 2 zeigen	
			$$('#navi ul li ul').invoke('hide');
			$$('#navi ul li.active > ul').invoke('show');
			
	}