var timeout         = 500;
var closetimer	    = 0;
var ddmenuitem      = 0;
var ddmenuiimgtem   = 0;
var ddmenuclicked   = 0;

window.onload = function()
{
    var mid;
    mid = getURLParam("mid");

    if(mid)
    {
        ddmenuclicked = document.getElementById(mid);
        img_el = document.getElementById(mid + '_img');
        img_el.src = img_el.src.replace(/normal/g, "hover");
    }
}

function setMidId(mid)
{
    ddmenuclicked = document.getElementById(mid);
    img_el = document.getElementById(mid + '_img');
    img_el.src = img_el.src.replace(/normal/g, "hover");
}

function getURLParam(strParamName)
{
    var strReturn = "";
    var strHref = window.location.href;

    if ( strHref.indexOf("?") > -1 )
    {
        var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
        var aQueryString = strQueryString.split("&");

        for ( var iParam = 0; iParam < aQueryString.length; iParam++ )
        {
            if (aQueryString[iParam].indexOf(strParamName + "=") > -1 )
            {
                var aParam = aQueryString[iParam].split("=");
                strReturn = aParam[1];
                break;
            }
        }
    }
    return strReturn;
}

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

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

        if(ddmenuiimgtem)
        {
            if(ddmenuclicked != ddmenuitem)
            {
                ddmenuiimgtem.src = ddmenuiimgtem.src.replace(/hover/g, "normal");
            }
        }

	// get new layer and show it
	ddmenuitem    = document.getElementById(id);
        ddmenuiimgtem = document.getElementById(id + '_img');
	if(ddmenuitem)    ddmenuitem.style.visibility = 'visible';
        if(ddmenuiimgtem) ddmenuiimgtem.src = ddmenuiimgtem.src.replace(/normal/g, "hover");
}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
        if(ddmenuiimgtem)
        {
            if(ddmenuclicked != ddmenuitem)
            {
                ddmenuiimgtem.src = ddmenuiimgtem.src.replace(/hover/g, "normal");
            }
        }
}

// 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;