$(document).ready(function () {


    // header °íÁ¤
    $(window).on('scroll', function () {
        if ($(window).scrollTop()) {
            $('#header').addClass('active');
        } else {
            $('#header').removeClass('active');
        }
    });


    // Çܹö°Å ¸Þ´º
    $('#header .hamberg').click(function () {
        $(this).children('span').toggleClass('on');
        $('#header .nav_wrap').toggleClass('on');
    });


    // header À̺¥Æ®
    function setMenuEvents() {
        $('#header .menu > li').off('mouseover mouseleave click');
        $('#header .lang').off('mouseover mouseout');


        const slideMenu = (selector, child) => {
            $(selector).on('mouseover', function () {
                $(this).children(child).stop().slideDown();
            }).on('mouseleave', function () {
                $(this).children(child).stop().slideUp();
            });
        };


        if (window.innerWidth >= 899) {
            slideMenu('#header .menu > li:has(.submenu)', '.submenu');
            slideMenu('#header .lang', '.langmenu');
        } else {
            $('#header .menu > li').on('click', function () {
                const $submenu = $(this).children('.submenu');
                $('.submenu').not($submenu).slideUp();
                $submenu.slideToggle();
            }).each(function () {
                if ($(this).children('.submenu').length > 0) {
                    $(this).children('a').attr('href', 'javascript:void(0);');
                }
            });
        }
    }


    $(window).on('resize', setMenuEvents); // È­¸é Å©±â º¯°æ ½Ã Àç¼³Á¤
    $(document).ready(setMenuEvents); // ÃÊ±â ·Îµå ½Ã ¼³Á¤


});