$(document).ready(function () {
    var $gnb = $(".gnb");
    var $gnbList = $gnb.children("ul");
    var $gnbItem = $gnbList.children("li");
    var menuState = false;

    // PC MENU
    if ($.exists(".total-menu")) {
        openTotalMenu()
    }
    if ($.exists(".each-menu") || $.exists(".each-menu-style02")) {
        openEachMenu();
    }

    // FIXED MENU
    var st = $(window).scrollTop();
    if (st > 0) {
        $("#header").addClass("header_scroll");
    } else {
        $("#header").removeClass("header_scroll");
    }

    $(window).scroll(function () {
        var st = $(document).scrollTop();
        if (st > 0) {
            $("header").addClass("header_scroll");
        } else {
            $("header").removeClass("header_scroll");
        }
    });
    // MOBILE MENU
    if ($("#gnb-mobile").length) {
        toggleNavButton();
        toggleDep2Menu();
    }

    // SUB NAV :: STYLE 03
    if ($("#sub_menu_style_03").length) {
        $(".location2").find("li").each(function () {
            if ($(this).find("a").hasClass("on")) {
                var test = $(this).find("a").text();
                $(".location2").find("span").text(test)
            }
        })
        $(".sub_drop_open_btn").click(function () {
            if ($(this).hasClass("open")) {
                $(this).removeClass("open");
                $(this).find(".snb").stop().slideUp();
            } else {
                $(this).addClass("open");
                $(this).find(".snb").stop().slideDown();
            }
        })
    }
    /*********************************** SITE MAP *******************************/
    if ($.exists(".sitemap-open-btn")) {
        if ($.exists(".siteMap_style05_full")) {

        }
        $(".sitemap-open-btn").click(function () {
            openSiteMap();
            if ($("#siteMap").hasClass("open")) {
                $(".dimmed_bg").click(function () {
                    closeSiteMap();
                })
            }
        })
        $(".sitemap-close-btn").click(function () {
            closeSiteMap();
        })
    }
    function openSiteMap() {
        $("#siteMap").addClass("open");
        $(".dimmed_bg").addClass("open");
        $("#siteMap").find(".sitemap-box").children().children().mouseenter(function () {
            $(this).addClass('active');
        })
        $("#siteMap").find(".sitemap-box").children().children().mouseleave(function () {
            $(this).removeClass('active');
        })
    }
    function closeSiteMap() {
        $("#siteMap").removeClass("open");
        $(".dimmed_bg").removeClass("open");
    }
    /*********************************** PC NAV *******************************/
    function openEachMenu() {
        $gnbItem.on("mouseover", function () {
            $(this).addClass("on").find(".submenu").addClass('on');
            if ($.exists(".each-menu")) {
                $(this).find(".submenu").stop().slideDown();
            }
        })
        $gnbItem.mouseleave(function () {
            $(this).removeClass("on").find(".submenu").removeClass('on');
            if ($.exists(".each-menu")) {
                $(this).find(".submenu").stop().slideUp();
            }
        })
    }

    function openTotalMenu() {
        $gnb.on("mouseover", function () {
            if (!($gnb.is(".open"))) {
                $gnb.addClass("open")

            }
        })
        $gnb.on("mouseleave", gnb_return);
        function gnb_return() {
            $gnb.removeClass("open")


        }

    }
    /******************************* MOBILE NAV ****************************/

    function toggleNavButton() {
        $(".nav-open-btn").click(function () {
            if (menuState) {
                closeMobileMenu();
            } else {
                openMobileMenu();
            }
        })
        $(".overlay").click(function () {
            closeMobileMenu();
        })
    }
    function closeMobileMenu() {
        menuState = false;
        $(".nav-open-btn").removeClass("active");
        $("#gnb-mobile").removeClass("open");
        $(".overlay").hide();
    }
    function openMobileMenu() {
        menuState = true;
        $(".nav-open-btn").addClass("active");
        $("#gnb-mobile").addClass("open");
        $(".overlay").show();
    }

    function toggleDep2Menu() {
        $("#mobile-nav").children("li:has('.submenu')").addClass("has-2dep"); // .submenu를 포함하고 있는 li
        $("#mobile-nav").children("li.has-2dep").children(".submenu").before('<i></i>')
        $("#mobile-nav").children("li.has-2dep").click(function () {
            $(this).find('.submenu').stop().slideToggle();
            $(this).toggleClass('open');
        })
    }



})


$(function () {

    /* MOBILE MENU */
    // 햄버거 메뉴 클릭 시, 메뉴 보이게
    $("#util-wrap").click(function () {
        $(".overlay").show();
        $("#gnb-mobile").addClass('open');
        if ($("#gnb-mobile").hasClass("gnb-style-full")) {
            $("#m-nav-close").show()
        }
    })
    // 뒷배경 클릭 시, 메뉴 사라지게
    $(".overlay").click(function () {
        $(".overlay").hide();
        $("#gnb-mobile").removeClass('open');
    })
    $("#m-nav-close").click(function () {
        $(".overlay").hide();
        $("#gnb-mobile").removeClass("open");
    })

    // 1차 메뉴 클릭 시, 서브 메뉴 슬라이드 설정

    $("#mobile-nav > li").click(function () {
        if ($("#gnb-mobile").hasClass('gnb-style-full')) {
            if (!($(this).hasClass('open'))) {
                $(".submenu").stop().slideUp();
                $("#mobile-nav > li").removeClass("open");
                $(this).addClass("open");
                $(this).find(".submenu").stop().slideDown();
            } else {
                $(this).find(".submenu").slideUp();
                $(this).removeClass("open")
            }
        } else {
            $(this).find('.submenu').stop().slideToggle();
            $(this).toggleClass('open');
        }


    })


    $("#mobile-nav > li").click(function () {
        if ($("#gnb-mobile").hasClass('gnb-style-full')) {
            if (!($(this).hasClass('open'))) {
                $(".submenu").stop().slideUp();
                $("#mobile-nav > li").removeClass("open");
                $(this).addClass("open");
                $(this).find(".submenu").stop().slideDown();
            } else {
                $(this).find(".submenu").slideUp();
                $(this).removeClass("open")
            }
        } else {
            $(this).find('.submenu').stop().slideToggle();
            $(this).toggleClass('open');
        }


    })

})