// http://javascript-array.com/scripts/simple_drop_down_menu/

var timeout	= 250;

var schakel = 0;
var closetimer	= 0;
var ddmenuitem	= 0;
var idOud = 0;

// open hidden layer
function mopen(id){	
	// cancel close timer
	mcancelclosetime();

	function overschakelen(){
		// close old layer
		if(ddmenuitem){
			ddmenuitem.style.zIndex = '0';
			document.getElementById("l"+idOud).setAttribute("class", "");
		}
	
		// get new layer and show it
		idOud = id;
		ddmenuitem = document.getElementById(id);
		ddmenuitem.style.zIndex = '10';
		document.getElementById("l"+id).setAttribute("class", "selected");
	}
	schakel = window.setTimeout(overschakelen, timeout);
}

// close showed layer
function mclose(){
	if(ddmenuitem){
		ddmenuitem.style.zIndex = '0';
		document.getElementById("l"+idOud).setAttribute("class", "");
	}
}

// go close timer
function mclosetime(){
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime(){
	if(closetimer){
		window.clearTimeout(closetimer);
		closetimer = null;
	}
	if(schakel){
		window.clearTimeout(schakel);
		schakel = null;
	}
}

// close layer when click-out
document.onclick = mclose;