$(function() {
    //lnb 메뉴 드롭다운
    var max_h = 0;
    $(".dep2").each(function () {
        var h = parseInt($(this).css("height"));
        if (max_h < h) {
            max_h = h;
        }
    });

    //전체메뉴(접근성 기능 포함)
    //$(".lnb li .dep2").hide();
    function chk(cc) {
        if (cc == 1) {
            $(".lnb > li > ul").stop(true, false).slideDown('');
        } else {
            $(".lnb > li > ul").stop(true, false).slideUp('');
        }
    }
    $('.fs_top_menu').on({
        mouseenter: function() {
            chk(1);
            $(this).addClass('on');
            $("#fs_header").addClass("open");

            var menuHeight = $('#fs_header').outerHeight();
            $('.lnb_bg').css({
                'top': menuHeight + 'px',
                height: max_h + 90 + 'px',
            });
        },
        mouseleave: function() {
            chk(0);
            $(this).removeClass('on');
            $("#fs_header").removeClass("open");
            $('.lnb_bg').css('height', '0');
        }
    });

    // $('.lnb').mouseenter(function () {
    //     // menu bg
    //     var menuHeight = $('#fs_header').outerHeight();
    //     $('.lnb_bg').css({
    //         'top': menuHeight + 'px',
    //         height: max_h + 90 + 'px',
    //     });
    //     $('.lnb .dep2').css({
    //         //height: max_h + 80 + 'px'
    //     });
    //     $('#fs_header').addClass('open');
    // });
    //
    // $('#fs_header').mouseleave(function () {
    //     $('.lnb_bg').css('height', '0');
    //     $('#fs_header').removeClass('open');
    // });
    //
    // $('.lnb > li').mouseenter(function () {
    //     $(this).addClass('on');
    //     //$(this).siblings().removeClass('on');
    // });
    // $('.lnb > li').mouseleave(function () {
    //     $(this).removeClass('on');
    // });

    // 사이트맵 메뉴 열기
    var menuopen = $(".mbtn_box");//2차메뉴
    menuopen.find("a").on("click", function (e) {
        e.preventDefault();
        $("body").toggleClass("overflow_y");
        $(this).toggleClass("active");
        if ($(this).hasClass("active")) {
            $(this).attr("title", "모바일 메뉴 닫기");
        } else {
            $(this).attr("title", "모바일 메뉴 열기");
        }
        $(".fs_mtop_menu").toggleClass("active");
        $('.fs_mtop_menu').html($('.fs_top_menu').html());

        if($(window).width() < 768) {
            menu_mo();
        }
    });
    $('body').off('scroll touchmove mousewheel');


    //animate class 추가
    $('.sub-txt').addClass('animate__animated animate__fadeInDown ');

    $('.anim_fadeInLeft').addClass('animate__animated animate__fadeInLeft');
    $('.anim_fadeDown').addClass('animate__animated animate__fadeInDown');
    $('.anim_fadeUp').addClass('animate__animated animate__fadeInUp');

    //탭 반응형
    $(".mob_tab").click(function() {
        $(this).next(".tabs").stop().slideToggle(300);
        $(this).toggleClass('on').siblings().removeClass('on');
    });
    $(".tab_style .tabs").mouseleave(function(){
        $(this).stop().slideUp();
        $(this).siblings('.mob_tab').removeClass('on');
    });

});

//모바일 메뉴
function menu_mo() {
    $(".fs_mtop_menu .lnb > li ").find(".dep2").show(0);

    $(".fs_mtop_menu .lnb_title").next('.dep2').prev('a').addClass('arrow');

    $(".fs_mtop_menu .lnb > li .arrow").click(function(){
        $(".fs_mtop_menu .lnb > li").removeClass('on');
        $(".fs_mtop_menu .lnb > li").find('.dep2').slideUp();

        if(!$(this).next().is(":visible")) {
            $(this).next().slideDown();
            $(this).parent().addClass("on");
        }
        return false;
    });
};

//스크롤시 헤더 배경 변경
$(function() {
    $(window).on("scroll", function() {
        if($(window).scrollTop() > 100) {
            $("#fs_header").addClass("active");
        } else {
            $("#fs_header").removeClass("active");
        }
    });
});

//서브비주얼 상하 움직임 효과
// function simpleParallax() {
//     var scrolled = $(window).scrollTop() + 1;
//     $('.scroll_event').css('background-position', '0' + -(scrolled * 0.1) + 'px')
// }
// $(window).scroll(function(e) {
//     simpleParallax();
// });

/* 서브비주얼 타이틀 효과 */
$(document).ready(function() {
    var inputs = $(".progress-container").find($("label"));

    for (var i = 0; i < inputs.length; i++) {
        var index = i + 1;
        var time = ((inputs.length) - i) * 100;

        setTimeout(function(index, time) {
            $(".progress-container label:nth-child(" + index + ")").css("-webkit-animation", "anim 3s " + time + "ms infinite ease-in-out");
            $(".progress-container label:nth-child(" + index + ")").css("-animation", "anim 3s " + time + "ms infinite ease-in-out");
        }, time, index, time);
    }
});

//애니메이션 효과
AOS.init({
    disable: 'mobile',
    offset:160,
    delay:800,
    duration:1000,
    once:true,
    mirror:false, //스크롤하는 동안 요소가 애니메이션되어야하는지 여부
});

//레이어팝업
function popupOpen(id,obj){
    $('#'+id).attr('tabindex','0').css('display','block').focus();
    $('body').addClass('layer-open');
    $(".shadow").show(); // 배경 어둡게

    $('.btn_close, .shadow').on('click', function(){
        $('#'+id).removeAttr('tabindex').hide();
        $(obj).focus();
        $('body').removeClass('layer-open');
        $('.shadow').hide(); // 배경 어둡게 삭제
    });
    $('.btn_close, .shadow').on('blur', function(){
        $('#'+id).removeAttr('tabindex').hide();
        $(obj).focus();
        $('body').removeClass('layer-open');
        $('.shadow').hide(); // 배경 어둡게 삭제
    });
    return;
}