$(document).ready(function () {

    // $(".topnav, .m_btn").mouseenter(function(){
    //     $(".subnav").slideDown(300);
    //     $("#header .subnav_back, #main_header .subnav_back").slideDown(300);
    // });

    // $(".topnav, .m_btn").mouseleave(function(){
    //     $(".subnav").slideUp(300);
    //     $("#header .subnav_back, #main_header .subnav_back").slideUp(300);
    // });

    // 메인페이지 메뉴 스크롤 변화
    $(window).scroll(function () {
        const scroll_top = $(this).scrollTop();
    
        if (scroll_top >= 50) {
            $("#main_header").addClass("white");
            $(".logo").addClass("on");
        } else {
            $("#main_header").removeClass("white");
            $(".logo").removeClass("on");
        }
    });

    $("#main_header").mouseenter(function () {
        $(this).addClass("white");
        $(".logo").addClass("on");
    });

    $("#main_header").mouseleave(function () {
        const top = $(window).scrollTop();
    
        if (top >= 50) {
            $(this).addClass("white");
            $(".logo").addClass("on");
        } else {
            $(this).removeClass("white");
            $(".logo").removeClass("on");
        }
    });

    // $("#main_header").mouseleave(function () {
    //     $(this).removeClass("white");
    //     $(".logo").removeClass("on");
    // });

    // 메뉴
    // $(".topnav, .m_btn").mouseenter(function(){
    //     $(".subnav").slideDown(300);
    //     $("#header .subnav_back").slideDown(300);
    // });

    // $(".topnav, .m_btn").mouseleave(function(){
    //     $(".subnav").slideUp(300);
    //     $("#header .subnav_back").slideUp(300);
    // });


    $('#back-top').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 500);
        return false;
    });
    $("a.anchorLink").anchorAnimate();
    
    $(".m_btn").click(function (e) {
        e.preventDefault();

        $("#menu_box, #main_menu_box").toggleClass("on").css("dislplay", "block");

        if (!$("#menu_box, #main_menu_box").hasClass("on")) {
            $("#menu_box, #main_menu_box").css("dislplay", "none");

            $('html, body').css({
                'overflow': 'auto'
            });
            $(this).off('scroll touchmove mousewheel');

        } else {
            $('html, body').css({
                'overflow': 'hidden'
            });
            $(this).on('scroll touchmove mousewheel', function (event) {
                event.preventDefault();
                event.stopPropagation();
                return false;
            });
        }
    });

    $("#menu_box > ul > li, #main_menu_box > ul > li").click(function() {
        $(this).find(".sub_menu").stop().slideToggle(300);
		$(this).toggleClass('active').siblings().removeClass('active');
		$(this).siblings().find(".sub_menu").stop().slideUp(300);
    });
});

jQuery.fn.anchorAnimate = function (settings) {
    settings = jQuery.extend({
        speed: 700,
        offset: 227
    }, settings);

    return this.each(function () {
        var caller = this
        $(caller).click(function (event) {
            event.preventDefault()
            var locationHref = window.location.href
            var elementClick = $(caller).attr("href")

            var destination = $(elementClick).offset().top;
            $("html:not(:animated),body:not(:animated)").animate({
                scrollTop: destination
            }, settings.speed, function () {
                window.location.hash = elementClick
            });
            return false;
        })
    })
}





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) {
        $("#gnb ul > li.hn" + page.hn + "> a").addClass("on"); //1depth 활성
    }

    if (page.hn >= 11) {
        $("#gnb 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 활성
}