$(function(){
	// 메인 스크롤 다운 클릭
	$(".scroll").click(function(event){         
        event.preventDefault();
        $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
    });

	$('#backtop').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 500);
				return false;
	});
	
	// snb
	$(".menu1").click(function() {
		$(this).parent().find(".snb_sub1").slideDown('normal').show(); 
		$(this).parent().hover(function() {  
			}, function(){  
			$(this).parent().find(".snb_sub1").slideUp('normal'); 
		});  
	});  
	$(".menu2").click(function() {
		$(this).parent().find(".snb_sub2").slideDown('normal').show(); 
		$(this).parent().hover(function() {  
			}, function(){  
			$(this).parent().find(".snb_sub2").slideUp('normal'); 
		});  
	});  

	tab();
});


// 서브 탭메뉴, 슬라이드
function tab() {
    //탭메뉴 실행 함수
    function activateTab(tabId) {
        //초기화
        $(".tab_wrap .tit_list > li").removeClass("active");
        $(".tab_wrap .tab_list").hide();

        //실행
        $(`.tab_wrap .tit_list > li a[href*="${tabId}"]`).parent().addClass("active");
        $(tabId).show();
    }

    //탭메뉴 클릭할 때 실행
    $(".tab_wrap .tit_list > li a").on("click", function(e) {
        e.preventDefault();
        let tabId = $(this).attr("href");
        activateTab(tabId, true);
    });

    //페이지 로드 했을 때 탭메뉴 선택
    let firstTabId = $('.tab_wrap .tit_list > li:first-child a').attr('href');
    activateTab(firstTabId);
    slider(); //슬라이드 실행
}

function slider() {
    $(".slider").each(function(index) {
        let $this = $(this);
        let swiper = undefined;
        let slideNum = $this.find('.swiper-slide').length //슬라이드 총 개수
        let slideInx = 0; //현재 슬라이드 index

        //디바이스 체크
        let oldWChk = window.innerWidth > 768 ? 'pc' : 'mo';
        sliderAct();
        $(window).on('resize', function() {
            let newWChk = window.innerWidth > 768 ? 'pc' : 'mo';
            if (newWChk != oldWChk) {
                oldWChk = newWChk;
                sliderAct();
            }
        })

        function sliderAct() {
            //슬라이드 인덱스 클래스 추가
            $this.addClass(`slider${index}`);

            //슬라이드 초기화 
            if (swiper != undefined) {
                swiper.destroy();
                swiper = undefined;
            }

            //slidesPerView 옵션 설정
            let viewNum = oldWChk == 'pc' ? 4 : 2;
            //loop 옵션 체크
            let loopChk = slideNum > viewNum;

            swiper = new Swiper(`.slider${index} .inner`, {
                slidesPerView: 1,
                initialSlide: slideInx,
                spaceBetween: 10,
                slidesPerGroup: 1,
                observer: true,
                observeParents: true,
                loop: loopChk,
                navigation: {
                    prevEl: $(`.slider${index} .btn_prev`)[0],
                    nextEl: $(`.slider${index} .btn_next`)[0],
                },
                on: {
                    activeIndexChange: function() {
                        if ($(`.slider${index}`).parent('.tab_list').css('display') != 'none') {
                            slideInx = this.realIndex; //현재 슬라이드 index 갱신
                        }
                    }
                },
				autoplay: {
					delay: 3000,
					disableOnInteraction: false,
				},
				loop: true,
            });
        }
    });
}


function setPage(arg) { //navigation hn:1depth, sn:2depth, cn:3depth 를 받음
	page = jQuery.extend({
		hn : "",
		sn : "",
		cn : ""
	}, arg || {});
	if(window.console) {
		console.log("hn : " + page.hn + "\nsn : " + page.sn + "\ncn : " + page.cn);
	}
	if(page.hn != 10) {
		$(".snb ul li.hn" + page.hn + " a").addClass("on"); //1depth 활성
	}

	if(page.hn >= 11) {
		$(".snb ul li.hn" + page.hn + " a").addClass("on"); //유틸 1depth 활성
	}

	$(".snb ul li.sn" + page.sn).find(" a").addClass("on").end().find("> ul").addClass("on").find("> li.cn" + page.cn + " a").addClass("on"); //2depth 활성
}