$(document).ready(function () {

    //gnb hover
    var gnbHeader = $("#header .header_bg");
    $("#gnb").hover(
        function () {
            gnbHeader.addClass("active").stop(true, true).animate({
                height: 300
            }, 200);
        },
        function () {
            gnbHeader.stop(true, true).animate({
                height: 90
            }, 0, function () {
                $(this).removeClass("active");
            });
        }
    );
    $("#gnb > li").hover(
        function () {
            $(this).addClass("hover");
        },
        function () {
            $(this).removeClass("hover");
        }
    );







    //Main Menu
    $('.main-nav ul li:has(ul)').addClass('submenu');
    $('.main-nav ul li:has(ul)').append("<i></i>");
    $('.main-nav ul i').click(function () {
        $(this).parent('li').toggleClass('open');
        $(this).parent('li').children('ul').slideToggle();
    })


    //Mobile Menu
    $('.mob-btn').click(function () {
        $('html').addClass('show');
    });
    $('.overlay').click(function () {
        $('html').removeClass('show');
    })


});


const menuButton = document.querySelector(".allmenu-button");
const menuOverlay = document.querySelector(".menu-overlay");
const baseMenu = document.querySelector("#header");

const closeButton = document.querySelector(".close-button");

menuButton.addEventListener("click", function () {
    menuButton.classList.toggle("active");
    menuOverlay.classList.toggle("open");
    baseMenu.classList.toggle("over");
});

closeButton.addEventListener("click", function () {

    menuButton.classList.toggle("active");
    menuOverlay.classList.toggle("open");
    baseMenu.classList.toggle("over");
});