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

	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] = 'subnavi01';
	naviTriggers[1] = 'subnavi02';
	naviTriggers[2] = 'subnavi03';
	naviTriggers[3] = 'subnavi04';
	
	/* ------------------------------------------------- */

	for (var i = 0; i < naviTriggers.length; i++) {
		var element = naviTriggers[i];
		var 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 das Öffnen und Schließen der Navigation (onclick)
function triggerNavi(event) {

	var child = this.childNodes[2];
	
	for (i = 0; i <= naviTriggers.length; i++) {
		var elem = document.getElementById(naviTriggers[i]);
		
		if (elem) {
			var elemChild = elem.childNodes[2];
		}
		
		if (elemChild.tagName == 'UL') {
	
			if (elemChild.style.display == "block") {
				elemChild.style.display = "none";
			} else {
				elemChild.style.display = "none";
			}
	
		}
	
	}

	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;