var hmlevel = new Array();
var hmlevelold = 0;
var hmelement = new Array();
var hmtimer = new Array();

function showmenu(level, element)
{
    if (level == 1 && hmelement[level - 1] != element) {
        for (l = (hmlevel.length - 1); l >= 1; l--) {
            if (hmlevel[l] != null && hmlevel[l] != 0) {
                clearTimeout(hmtimer[hmlevel[l] - 1]);
                menuexit(hmlevel[l], hmelement[l]);
            }
        }
    }
    else {
        if (hmlevelold != level && hmelement[level - 1] != element) {
            for (l = (hmlevel.length - 1); l >= level; l--) {
                if (hmlevel[l] != null && hmlevel[l] != 0) {
                    clearTimeout(hmtimer[hmlevel[l] - 1]);
                    menuexit(hmlevel[l], hmelement[l]);
                }
            }
        }
    }

    if (hmlevel[level - 1] != 0) {
        clearTimeout(hmtimer[hmlevel[level - 1] - 1]);

        if (hmelement[level - 1] != element) {
            if (hmlevel[level - 1] == level) {
                menuexit(hmlevel[level - 1], hmelement[level - 1]);
            }
        }
    }

    document.getElementById(element).style.visibility="visible";

    if (level == 1) {
        document.getElementById(element + "_m").style.padding="5px 20px 7px 10px";
        document.getElementById(element + "_m").style.borderTop="1px solid #6f7984";
        document.getElementById(element + "_m").style.borderLeft="1px solid #6f7984";
        document.getElementById(element + "_m").style.borderRight="1px solid #6f7984";
        document.getElementById(element + "_m").style.borderBottom="0px";
        document.getElementById(element + "_m").style.backgroundColor="#f1f1f1";
    }
    else {
        document.getElementById(element + "_m2").style.margin="0px -5px 0px -6px";
        document.getElementById(element + "_m2").style.padding="5px 0px 5px 5px";
        document.getElementById(element + "_m2").style.borderTop="1px solid #6f7984";
        document.getElementById(element + "_m2").style.borderLeft="1px solid #6f7984";
        document.getElementById(element + "_m2").style.borderRight="0px";
        document.getElementById(element + "_m2").style.borderBottom="1px solid #6f7984";
        document.getElementById(element + "_m2").style.backgroundColor="#f1f1f1";
    }

    hmlevel[level - 1] = level;
    hmlevelold = level;
    hmelement[level - 1] = element;
}

function hidemenu(level, element)
{
    clearTimeout(hmtimer[level - 1]);
    hmtimer[level - 1] = setTimeout(function(){menuexit(level, element)}, 1000);
}

function menuexit(level, element)
{
    document.getElementById(element).style.visibility="hidden";

    if (level == 1) {
        document.getElementById(element + "_m").style.padding="6px 21px 7px 11px";
        document.getElementById(element + "_m").style.border="0px";
        document.getElementById(element + "_m").style.backgroundColor="transparent";
    }
    else {
        document.getElementById(element + "_m2").style.margin="0px -5px 0px 0px";
        document.getElementById(element + "_m2").style.padding="6px 0px 6px 0px";
        document.getElementById(element + "_m2").style.border="0px";
        document.getElementById(element + "_m2").style.backgroundColor="transparent";
    }

    hmlevel[level - 1] = 0;
    hmlevelold = 0;
    hmelement[level - 1] = "";
}