$(document).ready(function () {
    
    var topMenuCheck = 0;
    var hoverIntentConfig = {
        interval: 150,  // number = milliseconds for onMouseOver polling interval
        over: showMenus,
        out: function () { }    //out handled below by mouseleave event
    }

    $(".menu-holder").hide();

    $(".custom-menu ul li,.menu-holder").hoverIntent(hoverIntentConfig);

    $(".custom-menu ul li").mouseleave(function () {
        if (topMenuCheck == 0) {
            $(".menu-holder").hide();
        }
    });

    $(".menu-holder").mouseleave(function () {
        $(".menu-holder").hide();
        topMenuCheck = 0;
    });


    function showMenus() {
        $(this).children().show()

        $(".menu-holder").mouseenter(function () {
            topMenuCheck = 1;
        });
    }
});