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

function mopen(id, sCurrentID) {
    mcancelclosetime();

    if (dmenulevel1item) 
    {
        dmenulevel1item.className = 'topmenu-item'; 

        if (dmenulevel1item.id == 'm4')
        {
            document.getElementById('tmenuleftdiv').className = 'topmenu-leftdiv';
        }

    }

    dmenulevel1item = document.getElementById(sCurrentID);
    dmenulevel1item.className = 'topmenu-itemhover'; 

    if (sCurrentID=='m4') 
    {
        document.getElementById('tmenuleftdiv').className = 'topmenu-leftdiv-hover';
    }

    if (ddmenuitem) ddmenuitem.style.display = "none";

    ddmenuitem = document.getElementById(id);
    if (ddmenuitem) {

        var x = Math.round($("#" + sCurrentID).offset().left);
        var y = Math.round($("#" + sCurrentID).offset().top);

        y = y + 36;

        if (sCurrentID == "m4") 
        {
            x = x - 5;
            $("#tmenuleftdiv").addClass("hover");
        }

        var $el = $("#" + id);
        $el.css('left', x);
        $el.css('top', y);

        //ddmenuitem.style.visibility = 'visible';
        ddmenuitem.style.display = "block";
    }
}

function mclose() {
    if (ddmenuitem) ddmenuitem.style.display = "none"; //ddmenuitem.style.visibility = 'hidden';
    if (dmenulevel1item) {

        $("#tmenuleftdiv").removeClass("hover");

        dmenulevel1item.className = 'topmenu-item';

        if (dmenulevel1item.id == 'm4')
        {
            document.getElementById('tmenuleftdiv').className = 'topmenu-leftdiv';
        }

    } 
}

function mclosetime() {
    closetimer = window.setTimeout(mclose, timeout);
}

function mcancelclosetime() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

document.onclick = mclose;