$(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); // ÃÊ±â ·Îµå ½Ã ¼³Á¤



    // Æ˾÷ Æû
    $('a.popView').attr('href', 'javascript:void(0);');
    $('.popView').click(function () {
        var pop_id = $(this).attr('data-pop');
        $("#" + pop_id).addClass('on');
        $('body').css('overflow','hidden');
    });


    $('.pop_wrap .cancel, .pop_wrap .close').click(function () {
        $(this).attr('href', 'javascript:void(0);');
        $(this).parents('.pop_wrap').removeClass('on');
        $('body').css('overflow','');
    });


    // product-item Æ˾÷
    $('.product-item').click(function () {
        var pop_id = $(this).attr('data-pop');
        var $selectedItem = $(this);
        var $popup = $("#" + pop_id);


        // À̹ÌÁö¿Í ÅؽºÆ®¸¦ °¡Á®¿Í Æ˾÷¿¡ »ðÀÔ
        var imgSrc = $selectedItem.find('.img img').attr('src');
        var titleText = $selectedItem.find('.tit').text();
        var siteLink = $selectedItem.find('.link').attr('href');
        var qrcodeHtml = $selectedItem.find('.qrcode').html();


        $popup.find('.img img').attr('src', imgSrc);
        $popup.find('.tit').text(titleText);
        $popup.find('.qrcode').html(qrcodeHtml); 
        $popup.find('.link').html(siteLink);
        $popup.find('.evt_btn a').attr('href', imgSrc);
        
        // .link ¿ä¼Ò°¡ Á¸ÀçÇÒ °æ¿ì
        if (siteLink) {
             $popup.find('.link').attr('href', siteLink).show(); // ¸µÅ© ¼³Á¤ ¹× ³ëÃâ
        } else {
            $popup.find('.link').hide(); // ¸µÅ© ¼û±è
        }


        if (qrcodeHtml) {
            $popup.find('.qrcode').html(qrcodeHtml).show(); // ¸µÅ© ¼³Á¤ ¹× ³ëÃâ
        } else {
            $popup.find('.qrcode').hide(); // ¸µÅ© ¼û±è
        }


        // Æ˾÷ ¿­±â
        $popup.addClass('on');


        // ÇöÀç ¾ÆÀÌÅÛ ÀúÀå (½½¶óÀÌµå ±â´É¿¡ ÇÊ¿ä)
        $popup.data('currentItem', $selectedItem);
    });
});