var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var ddmenuitemBG = 0;
var lastMenu = "";
var timer = 0;
var toOpen = '';

function mopendelay(id)
{
 timer = setTimeout("mopen('"+id+"')",500);
 toOpen = id;
}

// open hidden layer
function mopen(id)
{	
		// cancel close timer
		mcancelclosetime();

		// close old layer
		if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
		
		// get new layer and show it
		ddmenuitem = document.getElementById(id);
		ddmenuitem.style.visibility = 'visible';
		
		
		
		if(lastMenu == "m1")
		{
		document.all.m1BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m2")
		{
		document.all.m2BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m3")
		{
		document.all.m3BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m4")
		{
		document.all.m4BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m5")
		{
		document.all.m5BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m6")
		{
		document.all.m6BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m7")
		{
		document.all.m7BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m8")
		{
		document.all.m8BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m9")
		{
		document.all.m9BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m10")
		{
		document.all.m10BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m11")
		{
		document.all.m11BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m12")
		{
		document.all.m12BG.style.backgroundColor = '9c917e';
		}	
		if(lastMenu == "m13")
		{
		document.all.m13BG.style.backgroundColor = '9c917e';
		}	
		if(lastMenu == "m14")
		{
		document.all.m14BG.style.backgroundColor = '9c917e';
		}			
	
		
		if(id == "m1")
		{
		document.all.m1BG.style.backgroundColor = '8d8371';
		lastMenu = "m1";
		}
		else if(id == "m2")
		{
		document.all.m2BG.style.backgroundColor = '8d8371';
		lastMenu = "m2";
		}
		else if(id == "m3")
		{
		document.all.m3BG.style.backgroundColor = '8d8371';
		lastMenu = "m3";
		}
			else if(id == "m4")
		{
		document.all.m4BG.style.backgroundColor = '8d8371';
		lastMenu = "m4";
		}
			else if(id == "m5")
		{
		document.all.m5BG.style.backgroundColor = '8d8371';
		lastMenu = "m5";
		}
			else if(id == "m6")
		{
		document.all.m6BG.style.backgroundColor = '8d8371';
		lastMenu = "m6";
		}
			else if(id == "m7")
		{
		document.all.m7BG.style.backgroundColor = '8d8371';
		lastMenu = "m7";
		}
			else if(id == "m8")
		{
		document.all.m8BG.style.backgroundColor = '8d8371';
		lastMenu = "m8";
		}
			else if(id == "m9")
		{
		document.all.m9BG.style.backgroundColor = '8d8371';
		lastMenu = "m9";
		}
			else if(id == "m10")
		{
		document.all.m10BG.style.backgroundColor = '8d8371';
		lastMenu = "m10";
		}
			else if(id == "m11")
		{
		document.all.m11BG.style.backgroundColor = '8d8371';
		lastMenu = "m11";
		}
			else if(id == "m12")
		{
		document.all.m12BG.style.backgroundColor = '8d8371';
		lastMenu = "m12";
		}	
			else if(id == "m13")
		{
		document.all.m13BG.style.backgroundColor = '8d8371';
		lastMenu = "m13";
		}	
			else if(id == "m14")
		{
		document.all.m14BG.style.backgroundColor = '8d8371';
		lastMenu = "m14";
		}	
	
}
// close showed layer
function mclose(id)
{
	if(id != toOpen)
	{
		if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
		if(lastMenu == "m1")
		{
		document.all.m1BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m2")
		{
		document.all.m2BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m3")
		{
		document.all.m3BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m4")
		{
		document.all.m4BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m5")
		{
		document.all.m5BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m6")
		{
		document.all.m6BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m7")
		{
		document.all.m7BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m8")
		{
		document.all.m8BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m9")
		{
		document.all.m9BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m10")
		{
		document.all.m10BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m11")
		{
		document.all.m11BG.style.backgroundColor = '9c917e';
		}	
		if(lastMenu == "m12")
		{
		document.all.m12BG.style.backgroundColor = '9c917e';
		}
		if(lastMenu == "m13")
		{
		document.all.m13BG.style.backgroundColor = '9c917e';
		}	
		if(lastMenu == "m14")
		{
		document.all.m14BG.style.backgroundColor = '9c917e';
		}
	}									
}

// go close timer
function mclosetime(id)
{	

	closetimer = window.setTimeout("mclose('"+id+"')", timeout);

	if(timer != "")
		{
		clearTimeout(timer);
		}
}
// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
		clearTimeout(timer);
	}
}
// close layer when click-out
document.onclick = mclose; 