/**
	 *	config/menu.js
	 *	Maakt het javascript menu.
	 */

var isMS = (navigator.appName && navigator.appName.indexOf("Microsoft") >= 0);
if (navigator.appName=="Netscape"){ var isNetscape = true;}

// vertraging verdwijning menu
var delayVal = 600;
document.getElementById("menu").innerHTML = genHtml();

// het menu tekenen
maakMenu();


// --------------------------------- FUNCTIES -----------------------------



// Genereer basis div
function genHtml(index){
	var basisInhoud = "";
	for(var i = 0; i < menuArray.length; i++){
		basisInhoud += "<div id='menuArray" + i + "'></div>"; }
	return basisInhoud;
}

// menu samenvouwen
function clearMenu(wachten, menuId){
	document.getElementById(menuId + "sub").style.visibility = "hidden";
	var actieKnop = document.getElementById(menuId);
	actieKnop.className = 'baseLow';
}

// submenu openen
function showMenu(menuId){
	  document.getElementById(menuId + "sub").style.visibility = "visible";
}

// muis over knop
function muisOver(menuId, heeftSub, subId){

if (subId=="-")	{		if(this.timer) { window.clearTimeout(this.timer);
						clearMenu(false, this.laatste) }

						var actieKnop = document.getElementById(menuId);
						actieKnop.className = 'baseHi'; 

						if(heeftSub){  showMenu(menuId); } 
				}

else			{		if(this.timer) { window.clearTimeout(this.timer); }

						var actieKnop = document.getElementById(subId);
						actieKnop.className = 'subHi'; 
				}

}


// muis weg van knop
function muisWeg(menuId, heeftSub, subId){
  
if (subId=="-")	{		if(heeftSub){  
						this.timer = window.setTimeout("clearMenu(true, '" + menuId + "')", delayVal);
						this.laatste = menuId; }

						else {
						var actieKnop = document.getElementById(menuId);
						actieKnop.className = 'baseLow'; }
				}

else			{		var actieKnop = document.getElementById(subId);
						actieKnop.className = 'subLow';
						this.timer = window.setTimeout("clearMenu(true, '" + menuId + "')", delayVal);
				}
}


// een URL openen
function openUrl(urlVar){
	if (urlVar=="-"){return;}
	else{window.open(urlVar, "_self"); }
 }


// het menu
function maakMenu(){

	var telVerticaal=0;

	for(var i = 0; i < menuArray.length; i++){
    
		var dezeKnop = document.getElementById("menuArray" + [i]);
		dezeKnop.knopId = "menuArray" + [i];
		dezeKnop.urlId = new String("" + menuArray[i][1]);
		var menuOnder=false;
	
		if(menuArray[i][1]=="-"){var menuOnder = true ;}
		dezeKnop.onmouseover = (menuOnder?function(){muisOver(this.knopId,true,"-")}:function(){muisOver(this.knopId,false,"-")});
		dezeKnop.onmouseout = (menuOnder?function(){muisWeg(this.knopId,true,"-")}:function(){muisWeg(this.knopId,false,"-")});
		dezeKnop.onclick = function(){openUrl(this.urlId)};

		//base, menu centric settings
		dezeKnop.className = 'baseLow';
		dezeKnop.type = "base"; 
		dezeKnop.innerHTML = "<div class=baseLinks>" + menuArray[i][0] + "</div>";
		if(menuArray[i][1]=="-"){dezeKnop.innerHTML += "<div class=imghoek><img src=img/hoek.gif></div>"; }
		
		verPos = dezeKnop.offsetTop + dezeKnop.offsetParent.offsetTop;
		if (menuOnder == true){ maakSubMenu(i, verPos);}
	}    
}


// het submenu
function maakSubMenu(basisIndex, top){

	var dezeSubKnop = document.createElement("div");
	dezeSubKnop.id = "menuArray" + basisIndex + "sub";
	dezeSubKnop.style.position = "absolute";
	dezeSubKnop.style.visibility = "hidden";
	dezeSubKnop.style.top = top + "px";
	dezeSubKnop.className = "subTable";
	dezeSubKnop.basisId = new String("menuArray" + basisIndex);

	for(var i = 0; i < menuArray[basisIndex][2].length; i++) {	
		this.tempId = "menuArray" + basisIndex + "sub" + [i];
		dezeSubKnop.urlId = new String("" + menuArray[basisIndex][2][i][1]);
		dezeSubKnop.innerHTML += "<div class=subLow id='" + this.tempId  + 
								"' onmouseover=muisOver('" + dezeSubKnop.basisId  + "',true,'" + this.tempId + "')" +
								" onmouseout=muisWeg('" + dezeSubKnop.basisId  + "',true,'" + this.tempId + "')" + 
								" onclick=openUrl('" + dezeSubKnop.urlId + "')><span class=subText>"  + menuArray[basisIndex][2][i][0] + "</span></div>";  
	}
	document.getElementById("paginaMidden").appendChild(dezeSubKnop);
}