/*
 * Horizontal menu
 * 
 * 20081107
 * Gebruikt classname ipv id > geldig voor alle horizontale menu's
 * 
 * TODO
 * Script werkt enkel voor 1 menu?
 * Flikker indien hoofdmenu items niet aansluiten
 */

//Name class
var navClass = "menuHor2";

// Globale var voor li elementen
var elsLi;
var selectedItem; // Var voor div element class .submenu binnen li.selected
/**
 * Huidig geselecteerd item heeft volgende classes nodig
 * .selected = opmaak zonder javascript, submenu niet uitgeklapt
 * .selectedJS = opmaak indien javascript beschikbaar > submenu uitgeklapt
 * Bij openen wordt selectedJS toegevoegd aan element met className selected
 * Dit element wordt opgeslagen in selectedItem
 * Wanneer een element aangewezen wordt, wordt selectedJS verwijderd (submenu weg)
 * 
 */
function horSubMenu(){
	// Get menus
	if (menus = getElementsByClassName(document.body, "UL", navClass)) {
		for (var tMenus = 0; tMenus < menus.length; tMenus++) {
			// Walk thru menus array
			// Get LI elements
			elsLi = menus[tMenus].childNodes;
			// Walk thru LI array
			for (var tElsLi = 0; tElsLi < elsLi.length; tElsLi++) {
				if (elsLi[tElsLi].nodeName.toLowerCase()=="li"){
					// Dit is een li element van het hoofdniveau
					elsLi[tElsLi].onmouseover = function(){
						// Voeg class.hover toe voor ie
						this.className += " hover";
						// Verwijder de class selectedJS van huidig geselecteerd item
						selectedItem.className = selectedItem.className.replace(/selectedJS/g, "")
					}
					elsLi[tElsLi].onmouseout = function(){
						// Voeg class.hover toe voor ie
		                this.className = this.className.replace("hover", "");
						// voeg aan het huidig item class selectedJS toe
		                selectedItem.className += " selectedJS";
					}
					if (elsLi[tElsLi].className.indexOf("selected") >= 0) {
						//Dit is het huidig geselecteerde item
						//Vervang selected door selectedJS
						selectedItem=elsLi[tElsLi];
		                elsLi[tElsLi].className += " selectedJS";
					}
				}
			}
		}
	}
}
addLoadEvent(horSubMenu);