var naviTriggers = new Array();
var trigger;

// Hier die IDs der Buttons eintragen, die zum Auf- und Zuklappen dienen sollen.
// Wenn es nur ein einziges aufklappbares Menü gibt, muß auch nur eine ID angegeben werden.

naviTriggers[0] = 'warum' ;
naviTriggers[1] = 'produkte' ;
naviTriggers[2] = 'service' ;

// ------------ Initialisierung der Event-Handler
function initNavi() {

	var trigger;
	
	/* ------------------------------------------------- */

	for (var i = 0; i < naviTriggers.length; i++) {
		var element = naviTriggers[i];
		trigger = document.getElementById(element);
		
		// Die folgende Zeile läßt das Menü per Klick öffnen und schließen:
		//trigger.onclick = triggerNavi;

		// Diese beiden Zeilen lassen das Menü auf Mouseover reagieren:
		trigger.onmouseover = openNavi;
		trigger.onmouseout = closeNavi;
 	}

}

// ------------ Funktion für automatisches Schließen aller geöffneten Navigationen

function naviClose(triggers) {

	for (var i = 0; i < triggers.length; i++) {
		var element = triggers[i];
		var elem = document.getElementById(element);
					
			var child = elem.childNodes[2];
		
			if (child.tagName == 'UL') {

				if (child.style.display == "block") {
					child.style.display = "none";
				}
		
			}
 	}
	
}

// ------------ Funktion für das Öffnen und Schließen der Navigation (onclick)
function triggerNavi(event) {
	
	naviClose(naviTriggers);
	
	var child = this.childNodes[2];

	if (child.tagName == 'UL') {

		if (child.style.display == "block") {
			child.style.display = "none";
		} else {
			child.style.display = "block";
		}

	}

}


// ------------ Funktionen für das Öffnen und Schließen der Navigation (onmouseover)
function openNavi(event) {
	
	var child = this.childNodes[2];
	
	if (child.tagName == 'UL') {
		child.style.display = "block";
	} 
	
}

function closeNavi(event) {

	var child = this.childNodes[2];

	if (child.tagName == 'UL') {
		child.style.display = "none";
	}

}


window.onload = initNavi;