var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var ddmenulink	= 0;

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

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	if(ddmenulink) ddmenulink.setAttribute("class", "MainMenuLink");

	// get new layer and show it
	if (document.getElementById(id))
	{
	    ddmenuitem = document.getElementById(id);
	    ddmenuitem.style.visibility = 'visible';
	    ddmenulink = document.getElementById(MenuId);
	    ddmenulink.setAttribute("class", "active");
	}
}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	if(ddmenulink) ddmenulink.setAttribute("class", "MainMenuLink");
}

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

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

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

/*
This function is used to set position of left hand menus
*/
function setSubmenu(callback)
{
    if (document.getElementById("menu"))
    {
        var submenuHeight = document.getElementById("menu").offsetHeight + 40;
        var submenuBottom = submenuHeight - 44;
        document.getElementById("content_left_2").style.marginTop= submenuHeight + "px";
        if (document.getElementById("menuBottom"))
        {
            document.getElementById("menuBottom").style.top = submenuBottom + "px";
        }
    }
    
    if (typeof(callback) == "function") {
        callback();
    }
}