window.onload=setNavigationEvents;
 
function setNavigationEvents(){
	var oElem = document.getElementById("beeld");
	oElem.onmouseover = function(){toggleRemoteMenuNew('beeld', true);};
	oElem.onmouseout = function(){toggleRemoteMenuNew('beeld', false);};

	// theater
	var  oElem = document.getElementById("theater_menu");
	oElem.onmouseout = function(){toggleMenuNew('theater');};
	var  oElem = document.getElementById("theater");
	oElem.onmouseover = function(){toggleMenuNew('theater');};

	// gastenboek
	var  oElem = document.getElementById("gastenboek_menu");
	oElem.onmouseout = function(){toggleMenuNew('gastenboek');};
	var  oElem = document.getElementById("gastenboek");
	oElem.onmouseover = function(){toggleMenuNew('gastenboek');};
	
	//music
	var  oElem = document.getElementById("music_menu");
	oElem.onmouseout = function(){toggleMenuNew('music');};
	var  oElem = document.getElementById("music");
	oElem.onmouseover = function(){toggleMenuNew('music');};

	//maanboek
	var  oElem = document.getElementById("maandboek_menu");
	oElem.onmouseout = function(){toggleMenuNew('maandboek');};
	var  oElem = document.getElementById("maandboek");
	oElem.onmouseover = function(){toggleMenuNew('maandboek');};
}


function toggleMenuNew(sType){
	//alert("toggleMenuNew(" + sType + ")");
	var oMenu = document.getElementById(sType + "_menu");
	var oDefault = document.getElementById(sType);

	if(!oMenu){alert("[ERROR] " + sType + "_menu not found");return false;}
	if(oMenu.className == (sType + "_menu")){	
		oMenu.className = sType + "_menu_show";
	} else {
		oMenu.className = sType + "_menu";
	}
}
 
function toggleRemoteMenuNew(sType, bShow){
	//alert("toggleMenuNew(" + sType + ", " + bShow + ")");	
	var oMenu = document.getElementById(sType + "_menu");
	var oDefault = document.getElementById(sType);

	if(!oMenu){alert("[ERROR] " + sType + "_menu not found");return false;}
	
	if(bShow==true){	
		oMenu.className = sType + "_menu_show";
		//oDefault.style.display = 'none';
		oMouseOverMenu[sType] = oDefault.onmouseover;
		oDefault.onmouseover = '';
	} else {
		oDefault.onmouseover = oMouseOverMenu[sType];
		oMenu.className = sType + "_menu";
		//oDefault.style.display = '';
	}
	//alert("class = " + oMenu.className);
}