var closeMenuID;
closeMenu = false;
var SelectedMenuID = null;
var SelectedSubMenuID = null;
var panTimeoutRef;

function OpenMenu(MenuID) {
    //console.info('Open = ' + MenuID);
    closeMenuID = "";
    var divPositionFromLeft = $("#" + MenuID).offset().left;

    if (SelectedMenuID != null) {
        $("#" + SelectedMenuID).removeClass('popmenu_selected').addClass('popmenu_notselected');
    }

    if (SelectedSubMenuID != null) {
        $("#" + SelectedSubMenuID).hide();
    }

    SelectedMenuID = MenuID;
    SelectedSubMenuID = MenuID + "_Sub";

    $("#" + SelectedMenuID).removeClass('popmenu_notselected').addClass('popmenu_selected');
    $("#" + SelectedSubMenuID).css({ "position": "absolute", "top": "32px", "background-color": "#00649C", "left": divPositionFromLeft });
    $("#" + SelectedSubMenuID).show();
}

function CloseMenu(MenuID) {
    //console.info('Start close = ' + MenuID);
    closeMenuID = MenuID;
    setTimeout("InitiateMenuClosure('" + MenuID + "')", 1000);
}

function InitiateMenuClosure(menuID) {
    //console.info('Close = ' + menuID + ' - ' + closeMenuID);
    if (closeMenuID != menuID)
        return;

    if (menuID != null && menuID != '') {
        closeMenuID = "";
        $("#" + menuID).removeClass('popmenu_selected').addClass('popmenu_notselected');
        $("#" + menuID + "_Sub").hide();
    }
}

function GetMenuID(srcID) {
    var finalID = "";
    var fUnder = srcID.indexOf("_");
    if (fUnder == -1) {
        finalID = "";
    }
    else {
        var sUnder = srcID.indexOf("_", fUnder + 1);
        if (sUnder == -1) {
            finalID = srcID;
        }
        else
            finalID = srcID.substring(0, sUnder);
    }

    return finalID;
}

function OnMouseOver(event) {
    var source = $(this);
    OpenMenu(GetMenuID(source.attr("id")));
}

function OnMouseOut(event) {
    var source = $(this);
    CloseMenu(GetMenuID(source.attr("id")));
}


$(document).ready(function () {
    $('[id^="Menu_"]').hover(OnMouseOver, OnMouseOut);
});