/* *******************************************************
* filename : nav.js
* description : �¤ë퉬ê²뚯씠�� ë°� �¬ì씠�쒕컮 on �� ×¼붾돱�� ê´��¨ë맂 JS
* date : 2020-02-24
******************************************************** */
var dep1;
var dep2;
jQuery(function($){
/* *********************** PC NAV ************************ */
var $openMenu = $(".cm-top-menu");
// PC
var $gnb = $("#gnb");
var $gnbList = $("#gnb > ul");
var $gnb_dep1 = $("#gnb > ul > li");
var $gnb_dep2 = $("#gnb > ul > li .gnb-2dep");
var $gnbBg = $('.gnb-overlay-bg');
var $snb = $(".snb");
// Òï¨ë컮��
var $menuBtn = $("#header .nav-open-btn");
var $gnbM = $("#gnbM");
var $gnbMList = $gnbM.find("#navigation").children("li");
var $gnbMBg = $('.gnb-overlay-bg-m');
var menuState = false;
// Òï¨ë컮�� gnb�´ë¦° �� ×Ý� �¬ê쾶�덉쓣�� �¤í겕롤ë컮 �앹꽦
$(window).resize(function () {
if ( menuState ) {
if ( getWindowWidth() > 1200 ) {
$("body").css({'height':'auto', 'overflow':'auto'});
}
}
});
if ( $gnb.is(".total-menu") ) {
gnb_total_on();
}else if ( $gnb.is(".each-menu") ) {
gnb_each_on();
}
// gnb �꾩²´×¼붾돱
function gnb_total_on () {
$gnbList.children("li").children("a").on("mouseenter focus",function () {
if (!($gnb.is(".open"))) {
// $("#header").addClass("over"); /* �¤ë뜑ë°°ê²½ �°ì깋�¼ë줈 ë³�ê²½ë맆 ê²½ì슦�먮쭔 */
$("#gnb").addClass("open");
//$gnb_dep2.stop().slideDown("fast");
//$gnb.find('#gnbBg').stop().slideDown("fast");
//$gnbBg.stop().fadeIn();
}
})
$gnbList.on("mouseleave",gnb_return);
$gnbList.find("a").last().on("focusout",gnb_return);
function gnb_return () {
// $("#header").removeClass("over"); /* �¤ë뜑ë°°ê²½ �°ì깋�¼ë줈 ë³�ê²½ë맆 ê²½ì슦�먮쭔 */
$("#gnb").removeClass("open");
//$gnb_dep2.stop().slideUp("fast");
//$gnb.find('#gnbBg').stop().slideUp("fast");
//$gnbBg.hide();
if ( dep1 > 0 && dep2 ) {
$gnbList.children("li").eq(dep1-1).addClass("active");
}
}
}
// gnb ê°곴컖×¼붾돱
function gnb_each_on () {
$gnbList.children("li").children("a").on("mouseenter focus",function () {
$gnbList.children("li").removeClass("on").children(".gnb-2dep").removeClass("open"); //.hide();
$(this).parent("li").addClass("on").children(".gnb-2dep").stop().addClass("open"); //.slideDown(500);
})
$gnbList.children("li").on("mouseleave",gnb_return);
$gnbList.find("a").last().on("focusout",gnb_return);
function gnb_return () {
// if (!$gnb.find('*').is(':animated')) {
$gnbList.children("li").removeClass("on").children(".gnb-2dep").removeClass("open"); //.hide();
// }
if ( dep1 > 0 && dep2 ) {
$gnbList.children("li").eq(dep1-1).addClass("active");
}
}
}
// gnb 2×Ý� ×¼붾돱�� ׺덉슦�� �¬ë졇�꾨븣 ��×¼붾돱 on
$gnb_dep2.hover(function(){
$(this).parent("li").addClass("on");
},function () {
$gnb_dep1.removeClass("on");
});
// �쒕툕×¼붾돱�먯꽌 �´ë떦×¼붾돱 on
if ( dep1 > 0 && dep2 > 0) {
$gnbList.children("li").eq(dep1-1).addClass("active");
$gnbMList.eq(dep1-1).addClass("on");
$snb.each(function () {
$(this).find("li").eq(dep2-1).addClass("on");
});
}
/* *********************** MOBILE NAV ************************ */
$menuBtn.click(function () {
if ( menuState ) {
menuClose();
menuState = false;
$(this).removeClass("active");
}else {
menuOpen();
menuState = true;
$(this).addClass("active");
}
return false;
});
$gnbMBg.click(function () {
menuClose();
menuState = false;
$menuBtn.removeClass("active");
});
/* ×¼붾돱�´ê¸° */
function menuOpen () {
$gnbM.addClass("open");
$gnbMBg.fadeIn();
$("body").css({'height':$(window).height(), 'overflow':'hidden'});
}
/* ×¼붾돱�«ê¸° */
function menuClose () {
$gnbM.removeClass("open");
$gnbMBg.hide();
$("body").css({'height':'auto', 'overflow':'auto'});
}
/* GNB MOBILE 2DEPTH �´ë옒�� ë¶숈씠ê¸� */
$("#navigation > li:has('.gnb-2dep')").addClass("has-2dep");
$("#navigation > li:has('.gnb-2dep')").each(function () {
$(this).children("a").append("");
});
/* GNB MOBILE 2DEPTH �¤í뵂 */
$("#navigation > li:has('.gnb-2dep')").children("a").click(function(event){
/* 2depê°� �´ë젮�덉쓣�� */
if ( $(this).parent("li").hasClass("active") ){
$(this).parent("li").removeClass("active");
$(this).children(".open-icon").hide();
$(this).children(".close-icon").show();
$(this).siblings(".gnb-2dep").slideUp(400);
}
/* 2depê°� �«í��덉쓣�� */
else{
$("#navigation > li").has(".gnb-2dep").each(function() {
if ( $(this).hasClass("active") ){
$(this).removeClass("active");
$(this).find(".open-icon").hide();
$(this).find(".close-icon").show();
$(this).children(".gnb-2dep").slideUp(400);
}
});
$(this).parent("li").addClass("active");
$(this).children(".close-icon").hide();
$(this).children(".open-icon").show();
$(this).siblings(".gnb-2dep").slideDown(400);
}
return false;
});
/* �´ë떦�섏씠×Ù��� GNB Òï¨ë컮�� 2depth �´ê¸° & ON */
if ( dep1> 0 && dep2> 0 ) {
$("#navigation > li").eq(dep1-1).addClass("active").children(".gnb-2dep").show().children("li").eq(dep2-1).addClass("on");
$("#navigation > li").eq(dep1-1).find(".close-icon").hide();
$("#navigation > li").eq(dep1-1).find(".open-icon").show(); // Òï¨ë컮�� �¤ë퉬 on
}
/* *********************** Full Navgation ************************ */
/* �뚯썝×¼붾돱ê°� �덈뒗 full style ×¼붾돱 */
if ( ( $(".gnb-style-full").length > 0 ) && ( $(".member-menu-box").length > 0 ) ) {
$(".gnb-style-full").addClass("gnb-style-full-member");
}
/* *********************** PC, Òï¨ë컮�� ê³µí넻 ************************ */
/* ------------------------
*** �쒕툕 �곷떒 location (1×Ý�, 2×Ý�) �섏쐞×¼붾돱 ON & �´ê¸° ***
------------------------ */
$openMenu.find(".menu-location").each(function () {
// �´ë¦�좊븣 �¼ì튂ê¸�
$(this).find(".cur-location").click(function () {
$(this).toggleClass("open");
$(this).siblings(".location-menu-con").slideToggle();
return false;
});
// 2depth ON
if ( $(this).is(".location1") ) {
$(this).find(".location-menu-con").find("li").eq(dep1-1).addClass("on");
}else {
$(this).find(".location-menu-con").find("li").eq(dep2-1).addClass("on");
}
});
$(".menu-location").mouseleave(function () {
if ( $(this).find(".location-menu-con").css("display") == "block" ) {
$(this).find(".cur-location").removeClass("open");
$(this).find(".location-menu-con").slideUp(300);
}
});
/* ------------------------
*** �´ì쟾�섏씠×Ù�,�¤ì쓬�섏씠×Ù� ׺곹겕걸기 ***
------------------------ */
/* (무조ê±� �섏씠×Ù��� dep1, dep2�� ê°믪쓣 ê°��¸ì��¼í븿) */
// 2depth �´ë룞
var $sub_prev_page_btn = $(".sub-prev-page-btn");
var $sub_next_page_btn = $(".sub-next-page-btn");
var $dep1_menu = $("#gnb > ul > li");
var dep1_menu_lang = $dep1_menu.length;
$sub_prev_page_btn.attr("href",$dep1_menu.eq(dep1-2).children("a").attr("href"));
$sub_next_page_btn.attr("href",$dep1_menu.eq(dep1).children("a").attr("href"));
$sub_prev_page_btn.find(".sub-page-name").text($dep1_menu.eq(dep1-2).children("a").text());
$sub_next_page_btn.find(".sub-page-name").text($dep1_menu.eq(dep1).children("a").text());
if ( dep1 == dep1_menu_lang ) {
$sub_next_page_btn.attr("href",$dep1_menu.eq(0).children("a").attr("href"));
$sub_next_page_btn.find(".sub-page-name").text($dep1_menu.eq(0).children("a").text());
}else if ( dep1 == 1 ) {
$sub_prev_page_btn.attr("href",$dep1_menu.eq(dep1_menu_lang-1).children("a").attr("href"));
$sub_prev_page_btn.find(".sub-page-name").text($dep1_menu.eq(dep1_menu_lang-1).children("a").text());
}
});