var hide = true;
var mainmenu;

$(document).ready(function () {
    $(".sub-menu").each(function (index) {
        if ($(this).hasClass("sub-menu-active")) {
            var subobj = this;
            var sub_id = $(this).attr("menuid");
            $(".main-menu div").each(function (index) {
                var masobj = this
                var mas_id = $(this).attr("menuid");
                if (mas_id == sub_id) {
                    var p = $(masobj).offset();
                    var m = $(".main-menu div:first").offset();
                    var lf = p.left - m.left;
                    $("div.space", subobj).width(lf);
                }
            });
        }
    });
    $(".main-menu div").mouseenter(function () {
        mainmenu = this;
        //ClearHoverClass();
        HideSubMenu();
        $(this).addClass("hover-menu-item");
        ShowSubMenu(this);
        hide = false;
    })

    $(".main-menu div").mouseleave(function () {
        hide = true;
        setTimeout("HideSubMenu();", 200);
        //$(this).parent().removeClass("hover-menu-item");
    })
    $(".sub-menu div").mouseenter(function () {
        hide = false;
    })
    $(".sub-menu div").mouseleave(function () {
        hide = true;
        setTimeout("HideSubMenu();", 200);
        //$(mainmenu).parent().removeClass("hover-menu-item");
    })
    $(".banner-alt-menu div").mouseenter(function () {
        banneraltmenu = this;
        //ClearHoverClass();
        $(this).parent().addClass("hover-menu-item");
    })
    $(".banner-alt-menu div").mouseleave(function () {
        $(this).parent().removeClass("hover-menu-item");
    })
})
function ClearHoverClass() {
    $(".main-menu div").each(function (index) {
        $(this).removeClass("hover-menu-item");
    })
}
function ShowSubMenu(obj) {
    var menuid = $(obj).attr("menuid");
    var p = $(obj).offset();
    var m = $(".main-menu div:first").offset();
    $("div.sub-menu").each(function (index) {
        var lf = p.left - m.left;
        if ($(this).attr("menuid") == menuid) {
            $("div.space", this).width(lf);
            if ($(".sub-menu-active").length > 0) {
                $(".sub-menu-active").css("display", "none");
            }
            $(this).css("display", "block");
            //$(this).css("z-index", "100");
        }
    })
}
function HideSubMenu() {
    if (!hide) { return; }
    ClearHoverClass();
    $("div.sub-menu").each(function (index) {
        if (!$(this).hasClass("sub-menu-active")) {
            $(this).css("display", "none");
        }
        else {
            $(this).css("display", "block");
        }
        //$(this).css("z-index", "10");
    })
}