$(document).ready(function () {
    int_nav_menu_height();
});

$(window).resize(function () {
    int_nav_menu_height();
});

// ----------------------------------------------------------------
// Navigation Menu panel
// ----------------------------------------------------------------
var mobile_menu_icon = $(".nav-mobile");
var mobile_menu = $(".nav-menu");

// Mobile menu max height
function int_nav_menu_height() {
    mobile_menu.css("max-height", $(window).height() - $(".header").height() - 20 + "px"), $(window).width() <= 1024 ? $(".header").addClass("mobile-device") : $(window).width() > 1024 && ($(".header").removeClass("mobile-device"))
};

// Mobile menu toggle icon
mobile_menu_icon.click(function () {
    if (!($(this).hasClass('active'))) {
        mobile_menu_icon.addClass('active');
        mobile_menu.addClass('active');
    }
    else if ($(this).hasClass('active')) {
        mobile_menu_icon.removeClass('active');
        mobile_menu.removeClass('active');
    }
});


// Dropdown Sub menu
var menu_Sub = $(".menu-has-sub");
var menu_Sub_Li;

$(".mobile-device .menu-has-sub").find(".fa:first").removeClass("fa-angle-right").addClass("fa-angle-down");

menu_Sub.click(function () {
    if ($(".header").hasClass("mobile-device")) {
        menu_Sub_Li = $(this).parent("li:first");
        if (menu_Sub_Li.hasClass("menu-opened")) {
            menu_Sub_Li.find(".sub-dropdown:first").slideUp(function () {
                menu_Sub_Li.removeClass("menu-opened");
                menu_Sub_Li.find(".menu-has-sub").find(".fa:first").removeClass("fa-angle-up").addClass("fa-angle-down");
            });
        }
        else {
            $(this).find(".fa:first").removeClass("fa-angle-down").addClass("fa-angle-up");
            menu_Sub_Li.addClass("menu-opened");
            menu_Sub_Li.find(".sub-dropdown:first").slideDown();
        }
        return false;
    }
    else {
        return false;
    }
});

menu_Sub_Li = menu_Sub.parent("li");
menu_Sub_Li.hover(function () {
    if (!($(".header").hasClass("mobile-device"))) {
        $(this).find(".sub-dropdown:first").stop(true, true).fadeIn("fast");
    }

}, function () {
    if (!($(".header").hasClass("mobile-device"))) {
        $(this).find(".sub-dropdown:first").stop(true, true).delay(100).fadeOut("fast");
    }

});