// Funktionalität des Hauptmenüs - OFL //

var menuids=["ofl_nav"]; //Enter id(s) of navigation UL menus, separated by commas
var hide_items = new Array();
var show_items = new Array();
var hide_delay = 200; //?? ms + 100ms

// Menüs erzeugen
function buildsubmenus(){
	for (var i=0; i<menuids.length; i++){
		
		// Alle UL Elemente holen (definieren jeweils ein Menü/Untermenü)
		var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul");
	    for (var t=0; t<ultags.length; t++){
	    	

			// Menüelemente positionieren
			if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
				ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px"; //dynamically position first level submenus to be width of main menu item
			} else { //else if this is a sub level submenu (ul)
				ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px"; //position menu to the right of menu item that activated it
			}
			
	    	ultags[t].parentNode.onmousemove=function(){

					show_item(this);

					var menus = this.parentNode.getElementsByTagName("ul");
					for(var i = 0; i < menus.length; i++){
						if(menus[i].style.display == 'block' && menus[i]!=this && menus[i]!=this.parentNode){
							// nicht anzeigen, aber für Anzeige vormerken
							show_items[show_items.length] = this;
							return;
						}
					}

		    		this.getElementsByTagName("ul")[0].style.display="block";
	    
	    	};
	    	
	    	ultags[t].parentNode.onmouseout=function(){
	    		
	    		remove_from_show_items(this);
	    		
	    		// in Ausblende-Queue einreihen
	    		var obj  = new Object();
	    		var date = new Date();
	    		obj.time = date.getTime() + hide_delay;
	    		obj.item = this;
	    		hide_items[hide_items.length] = obj;
	    		setTimeout(process_lists, hide_delay + 100); // Verstecken Funktion triggern
	    	};
	    	
		}
		
		// Zum Start alle Submenüs ausblenden
		for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
			ultags[t].style.visibility="visible";
			ultags[t].style.display="none";
		}
		
	}
}

function show_item(obj){
	// entfernt ein Item aus der Ausblend-Liste
	
	var tmp = new Array();
	for(var i = 0; i < hide_items.length; i++){
		var objekt = hide_items[i];
		if(objekt.item != obj){
			tmp[tmp.length] = objekt;
		}
	}
	hide_items = tmp;	
}

function remove_from_show_items(obj){
	var tmp = new Array();
	for(var i = 0; i < show_items.length; i++){
		if(show_items[i] != obj){
			tmp[tmp.length] = show_items[i];
		}
	}
	show_items = tmp;		
}

function process_lists(){
	// Array durchlaufen und zu versteckende Menüitems ausblenden
	
	var date = new Date();
	var tmp = new Array();
	for(var i = 0; i < hide_items.length; i++){
		var obj = hide_items[i];
		if(obj.time < date.getTime()){
			obj.item.getElementsByTagName("ul")[0].style.display="none";
		} else {
			tmp[tmp.length] = obj;
		}
	}
	hide_items = tmp;
	
	// Prüfen, welche Elemente jetzt sichtbar werden können
	for(var i = 0; i < show_items.length; i++){
		var menus = show_items[i].parentNode.getElementsByTagName("ul");
		var state = "block";
		for(var h = 0; h < menus.length; h++){
			if(menus[h].style.display == 'block' && menus[h]!=show_items[i] && menus[h]!=show_items[i].parentNode){
				state = "none";
			}
		}
	
		if(state=="block"){
			show_items[i].getElementsByTagName("ul")[0].style.display = state;	
			remove_from_show_items(show_items[i]);
		}
	}
}

// Eventlistener installieren, die nach dem Laden das Menü erzeugen
if (window.addEventListener) {
	window.addEventListener("load", buildsubmenus, false);
} else {
	if (window.attachEvent){
		window.attachEvent("onload", buildsubmenus);
	}
}