var timeout         = 700;
var timein         = 600;
var closetimer		= 0;
var subclosetimer		= 0;
var menuitem      = 0;
var refreshon = 0;
var submenu = 0;
// open hidden layer
function mopen(id)
{	

    var linkid = id;
    // get new layer and show it
	menuitem = document.getElementById(linkid);
	if(linkid=="m3.1")
	{
	menuitem.style.width = 213+"px"
	
	}
	else if(linkid=="2.1")
	{
	document.getElementById('m2.1').style.marginLeft = -30 +"px"; 
	}

	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(menuitem) 
	menuitem.style.visibility = 'hidden';
	setTimeout(mshow, timein);

}
function submopen(id)
{	

    var linkid = id;
    // get new layer and show it
	submenu = document.getElementById(linkid);
	if(linkid=="m3.2.1")
	{
	submenu.style.width = 213+"px";
	var mw = 	submenu.style.width;
	submenu.style.position = "absolute";
	submenu.style.left = 175.5+"px";
	submenu.style.top = 25+"px";
	}
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(submenu) 
	submenu.style.visibility = 'hidden';
	setTimeout(submshow, 500);

}

function mshow()
{
if(menuitem) 
	menuitem.style.visibility = 'visible'
}

function submshow()
{
if(submenu) 
	submenu.style.visibility = 'visible'
}
// close showed layer
function submclose()
{
	if(submenu) 
	submenu.style.visibility = 'hidden';
}
// close showed layer
function mclose()
{
	if(menuitem) 
	menuitem.style.visibility = 'hidden';
	submclose();
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}
function submclosetime()
{
	subclosetimer = window.setTimeout(submclose, timeout);
	closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}
function submcancelclosetime()
{
	if(subclosetimer)
	{
		window.clearTimeout(subclosetimer);
		subclosetimer = null;
		mcancelclosetime();
	}
	
}

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