

$(document).ready(function () {
    // header 고정
    $(window).on('scroll', function () {
        if ($(window).scrollTop()) {
            $('#header').addClass('active');
        } else {
            $('#header').removeClass('active');
        }
    });


    //.submenu를 자식으로 가진 .nav .menu > li 요소에만 이벤트
    $('#header .nav_wrap .menu > li').has('.submenu').on('mouseover', function () {
        $(this).children(".submenu").slideDown();
    }).on('mouseleave', function () {
        $(this).children(".submenu").slideUp();
    });


    // header 이벤트
    function setMenuEvents() {
        // 이전에 설정된 이벤트를 모두 제거
        // $('#header .menu > li').off('mouseover mouseleave click');


        if (window.innerWidth >= 899) {
            
        } else {
            $('#header .aside_wrap .menu > li').on('click', function () {
                var $submenu = $(this).children('.submenu');
                
                // 현재 진행 중인 애니메이션을 멈추기
                $('.submenu').not($submenu).stop(true, true).slideUp();
                $submenu.stop(true, true).slideToggle();
            });
            
            $('.submenu').prev('a').css('pointer-events', 'none');


        }
    }


    // 처음 로드될 때 이벤트 설정
    setMenuEvents();


    // 창 크기가 변경될 때마다 이벤트 설정
    $(window).resize(function () {
        setMenuEvents();
    });



    // 햄버거 메뉴
    $('#header .hamberg').click(function () {
        $(this).children('span').toggleClass('on');
        $('#header .aside_wrap').toggleClass('on');
    });



    $('.sup_ct .form input[name="add2"]').parents('tr').addClass('w-100');



    // 상품 스크롤 이벤트
    var prdTabOffset = $('.prd_tab').offset().top - 90; // 상단에서 90px 차이


    $(window).on('scroll', function () {
        if ($(window).scrollTop() >= prdTabOffset) {
            $('.prd_tab').addClass('fixed'); // 고정 클래스 추가
        } else {
            $('.prd_tab').removeClass('fixed'); // 고정 클래스 제거
        }
    });


    var prdTabLinks = $('.prd_tab a'); // prd_tab 안의 링크들
    var prdSections = $('.prd_sec');   // 각 섹션들


    // 스크롤 이벤트
    $(window).on('scroll', function () {
        var currentScroll = $(this).scrollTop() + 100; // 약간의 오프셋 추가


        prdSections.each(function () {
            var sectionTop = $(this).offset().top;
            var sectionId = $(this).attr('id');


            // 현재 스크롤 위치가 섹션의 위치보다 크거나 같고, 섹션의 끝보다 작을 때
            if (currentScroll >= sectionTop && currentScroll < sectionTop + $(this).outerHeight()) {
                prdTabLinks.removeClass('on');
                $('.prd_tab a[href="#' + sectionId + '"]').addClass('on');
            }
        });
    });


    // 클릭 시 스무스 스크롤 이동
    prdTabLinks.on('click', function (e) {
        e.preventDefault(); // 기본 동작 막기
        var targetId = $(this).attr('href'); // 클릭된 a의 href 값 (섹션 id)


        $('html, body').animate({
            scrollTop: $(targetId).offset().top - 90 // 섹션 위치로 스크롤 이동 (90px 상단 여유)
        }, 500); // 500ms 동안 스크롤 이동
    });



    $('#tabDescrip .prd_tit').text('제품 설명');
    $('#tabKey .prd_tit').text('주요 특징');
    $('#tabPrd .prd_tit').text('주요 제품');
    $('#tabComp .prd_tit').text('제품 구성');
    $('#tabSpec .prd_tit').text('제품 사양');
    $('#tabDown .prd_tit').text('다운로드');
    $('#tabSystem .prd_tit').text('시스템 구성');
    $('#tabVideo .prd_tit').text('관련 영상');


});