function Ob(o) {
    var o = document.getElementById(o) ? document.getElementById(o) : o;
    return o;
}
var myID;
function menuControl(evt, show) {
    var event = evt.srcElement ? window.event : evt;
    event.cancelBubble = true;
    var objID = (event.srcElement ? event.srcElement : event.target).id;
    var index = objID.indexOf("_");
    var mainID = objID.substring(0, index);
    var numID = objID.substring(index + 1, objID.length);
    myID = numID;
    //alert(document.getElementById("line"+numID).offsetLeft);
    if (mainID == "menubar") {
        if (show == 1) {
            eval("showMenu(\"menu_" + numID + "\")");
        }
        else {
            eval("hideMenu(\"menu_" + numID + "\")");
        }
    }

}

var nbottom=0,speed=7;
function displayMenu(obj) {
    Ob(obj).style.clip = "rect(0 100% " + nbottom + "% 0)";
    nbottom += speed;
    if (nbottom <= 100) {
        timerID = setTimeout("displayMenu('" + Ob(obj).id + "'),70");
    }
    else {
        clearTimeout(timerID);
        Ob(obj).style.clip = "rect(0 100% 100% 0)";
    }
    
}
function showMenu(obj) {
    if (document.all)
        Ob(obj).style.display = "block";
    else
        Ob(obj).style.display = "table-cell"
    //alert(document.getElementById("line"+myID).offsetLeft);
    Ob(obj).style.left = document.getElementById("line" + myID).offsetLeft + 3 + "px";
    Ob(obj).style.zIndex = 999;
    //if(document.all)
        Ob(obj).style.top = "100px";
    //else
    //    Ob(obj).style.top = "100px";
    //Ob(obj).style.clip = "rect(0 100% 100% 0)";
    nbottom = 5;
    displayMenu(obj);
}
function hideMenu(obj)
{
    nbottom = 0;
    Ob(obj).style.display = "none";
}
function keepMenu(obj)
{
    if (document.all)
        Ob(obj).style.display = "block";
    else
        Ob(obj).style.display = "table-cell"
}
