$(document).ready(function () {
    $(window).load(function () {
        var doc_h = $(document).height();
        var win_w = $(window).width();
        var st = $(window).scrollTop();
        if (st > 0) {
            $("#header").addClass("header_scroll");
        } else {
            $("#header").removeClass("header_scroll");
        }
        $(window).scroll(function () {
            var st = $(window).scrollTop();
            if (st > 0) {
                $("header").addClass("header_scroll");
            } else {
                $("header").removeClass("header_scroll");
            }
        });
    });



    //메인 navi 슬라이드업
    $('.submenu > a').mouseenter(function () {
        if ($(this).not($(this).hasClass('on'))) {
            $('.submenuul').slideUp();
            $(this).next().slideToggle();
            $('.submenuul').removeClass('on');
            $(this).parent().addClass('on');
        }
    });
    $('.main-nav').mouseleave(function () {
        $(this).find('li ul').slideUp();
    });

    //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');
    });
    //    $('.mob-btn').click(function () {
    //        if (!$('html').hasClass('show')) {
    //            $('html').addClass('show');
    //        } else {
    //            $('html').removeClass('show');
    //        }
    //    });
    //
    //    $('.overlay').click(function () {
    //        if ($('html').hasClass('show')) {
    //            $('html').removeClass('show');
    //        }
    //    });
    //
    //    Append and Prepend
    //    $('.first ul').clone().prependTo('.main-nav').addClass('desk-hide')
    //    $('.last ul').clone().appendTo('.main-nav').addClass('desk-hide')


    $('.submenu > a').mouseenter(function () {
        if ($(this).not($(this).hasClass('on'))) {
            $('.submenuul').slideUp();
            $(this).next().slideToggle();
            $('.submenuul').removeClass('on');
            $(this).parent().addClass('on');
        }
    });
    $('.main-nav').mouseleave(function () {
        $(this).find('li ul').slideUp();
    });

    //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();
    })

    $('nav').mouseenter(function () {
        $('#header').addClass('over');
    });
    $('nav').mouseleave(function () {
        $('#header').removeClass('over');
    });





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



    $(".lang_button").click(function () {
        $('.lang_button > ul > li > ul').slideToggle();
    });


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

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


});