$(document).ready(function() {
    $(".navItem .menuLink").mouseenter(function(obj) {
        var objSource = $(this);
        fnApplyMenu(objSource, "show");
    });

    $(".navItem").mouseleave(function(obj) {
        var objSource = $(this);
        fnApplyMenu(objSource.children(".menuLink"), "hide");
    });

    function fnApplyMenu(objSource, strAction) {
        var objSrc = $(objSource);
        switch (strAction) {
            case "show":
                objSrc.parent().siblings().find(".menuLink").removeClass("over").siblings(".menuContainer").css("visibility", "hidden");
                objSrc.siblings(".menuContainer").css("visibility", "visible");
                objSrc.find(".mainMenuItemTemp").css({
                    position: 'absolute',
                    zIndex: 5000,
                    left: objSrc.find(".mainMenuItemActual").position().left,
                    top: objSrc.find(".mainMenuItemActual").position().top
                });
                objSrc.find(".mainMenuItemActual").css("visibility", "hidden");
                objSrc.find(".mainMenuItemTemp").css("visibility", "visible");
                break;
            case "hide":
                objSrc.siblings(".menuContainer").css("visibility", "hidden");
                objSrc.find(".mainMenuItemActual").css("visibility", "visible");
                objSrc.find(".mainMenuItemTemp").css("visibility", "hidden");
                break;
            default:
                objSrc.siblings(".menuContainer").css("visibility", "visible");
                objSrc.find(".mainMenuItemActual").css("visibility", "hidden");
                objSrc.find(".mainMenuItemTemp").css("visibility", "visible");
                break;
        }
    }
});