// onMouseOver Event Handler beim onLoad Ereignis der Navigation hinzufügen
// setzt das onLoad.cs voraus um mehrfaches onLoad zu ermöglichen
addLoadEvent(function() {
	// Navigation raussuchen
	var navi = document.getElementById('navi-middle');
	// die dl Tags des Menüs raussuchen. Jedes Tag enthält
	// einen Hauptmenüpunkt und vorhandene Unterpunkte
	var elements_dl = navi.getElementsByTagName("dl");

	// alle dl Tags durchlaufen
	for (var i=0; i<elements_dl.length; i++)
	{
		// Referenz auf Tag des Array an Position i
		var element = elements_dl[i];
		
		// prüfen ob ein Untermenü existiert, wenn eines gefunden wird
		// dem dl element die Event Handler zuweisen
		if (element.getElementsByTagName("dd")[0])
		{
			//--------- Event Handler ----------\\
			element.onmouseover = function()
			{
				// Untermenü (dd) raussuchen
				var element_dd = this.getElementsByTagName("dd")[0];
				// Untermenü aufklappen
				document.getElementById(element_dd.id).style.visibility='visible';
			}
			element.onmouseout = function()
			{
				// Untermenü (dd) raussuchen
				var element_dd = this.getElementsByTagName("dd")[0];
				// Untermenü aufklappen
				document.getElementById(element_dd.id).style.visibility='hidden';
			}
		}
	}
});
