var d1_menu = "2408"; var d2_menu = "2588"; var d3_menu = ""; var u_code_recive = ""; $(document).ready(function() { var hotAniFlag = true; var twkObject = $(".twk_active"); setInterval(function(){ hotAnimation(); }, 100); function hotAnimation(){ if(hotAniFlag){ hotAniFlag = false; twkObject.fadeOut(400); }else{ hotAniFlag = true; twkObject.fadeIn(400); } } // 뷰포트 width 값을 구한다 초기 셋팅을 위해 windowWidth = $(window).width(); // 뷰포트 사이즈에 맞게 왼쪽 여백값을 제어한다 var htmlHeight = $("html").height(); var windowheight = $(window).height(); var gnbSnbHeight = 0; if(htmlHeight > windowheight){ //gnbSnbHeight = htmlHeight; }else{ //gnbSnbHeight = windowheight; } // 활성 메뉴 스타일 초기화 $(".depth1_ul > li").removeClass("gnbActive"); $(".depth2_ul > li").removeClass("snbActive"); $(".depth2_ul > li > ul").hide(); $(".depth3_menu_ul > li").removeClass("depth3_Active"); // 메뉴 재설정 if(d1_menu) { var allcode1 = d1_menu; $(".depth1_ul > li.gnb_"+allcode1).addClass("gnbActive"); } if(d2_menu) { var allcode2 = d2_menu; // 2차메뉴 활성화 $(".depth2_ul > li.snb_"+allcode2).addClass("snbActive"); // 서브페이지 일 경우 활성화 on_snb_menu($(".gnbActive")); // $(".depth2_ul > li > ul").hide(); } if(d3_menu) { var allcode3 = d3_menu; // 3차메뉴 활성화 $(".depth3_menu_ul > li.depth3_"+allcode3).addClass("depth3_Active"); // 서브페이지 일 경우 활성화 on_snb_menu($(".snbActive")); } // 메뉴활성/비활성 $(".depth1_ul > li").not(".allmenu").hover( function() { var thisset = $(this).children("ul.depth2_ul"); var thisset_bg = $(this).children("div.depth2_exp_bg"); var thiswidth = thisset.outerWidth(); $(".depth1_ul:not('.allmenu') li > ul.depth2_ul").css({visibility:"hidden"}); $(".depth1_ul:not('.allmenu') li > div.depth2_exp_bg").css({visibility:"hidden"}); thisset_bg.fadeIn(100).css({visibility:"visible"}); thisset.fadeIn(100).css({visibility:"visible"}); }, function(){ $(".depth1_ul:not('.allmenu') li > div.depth2_exp_bg").css({visibility:"hidden"}); $(".depth1_ul:not('.allmenu') ul.depth2_ul").fadeOut(100).css({visibility:"hidden"}); } ); $(".depth2_ul > li").not(".allmenu").hover( function() { var thisset3 = $(this).children("ul.depth3_menu_ul"); thisset3.fadeIn(100).css({visibility:"visible"}); }, function(){ $(".depth2_ul:not('.allmenu') ul.depth3_menu_ul").fadeOut(100).css({visibility:"hidden"}); } ); // 마우스 이탈시 원래 활성화 되어있던 메뉴로 돌아온다. /* $(".depth1_ul li:not('children')").on("mouseleave",function(event) { var thisevent = $(this).attr("id"); var keepevent_d1 = $(".gnbActive").attr("id"); var keepevent_d2 = $(".snbActive").attr("id"); console.log(thisevent); console.log("d1:"+keepevent_d1); console.log("d2:"+keepevent_d2); // 아웃시 선택된 메뉴가 아닐 경우에 선택 메뉴 켜기 if( (thisevent!="" && thisevent !== undefined ) && ( (keepevent_d1 !="" && keepevent_d1 !== undefined) && (thisevent != keepevent_d1) || ( (keepevent_d2 !="" && keepevent_d2 !== undefined) && (thisevent != keepevent_d2) ) ) ) { // 마우스 아웃시, 폰트 색상을 유지하기 위해 변경한다. //$(this).find(".snb_menu_ul li a").css({"color":"#fff !important"}); //$(this).find(".depth3_menu_ul li a").css({"color":"#fff !important"}); // console.log(thisevent); // console.log(keepevent_d1); // console.log(keepevent_d2); //$(".depth2_ul").hide(); $(".depth3_menu_ul").hide(); // $(".snb_2_depth_div").show(); // 2차 메뉴 유지 $(".gnbSnb_div > li").each(function() { if($(this).hasClass("gnbActive")==true) { on_snb_menu($(".gnbActive")); } }); // 3차메뉴 유지 $(".depth2_ul > li").each(function() { if($(this).hasClass("snbActive")==true) { on_snb_menu($(".snbActive")); } }); // $(".gnbActive > .snb_menu_ul").removeClass("disBlock"); // $(".gnbActive > .snb_menu_ul").addClass("disNone"); } // 아웃시 동일한 메뉴일 경우 완전히 끄기 else if(thisevent == keepevent_d1) { $(".snb_2_depth_div").hide(); $(".snb_menu_ul").hide(); $(".snbBg_div").addClass("disNone"); } else { // 2016-05-08 // mircode 값이 없는 첫화면 일 경우에만 실행, 펼친 메뉴를 제거한다. console.log("else"); if((keepevent_d1 !="" && keepevent_d1 === undefined) && (keepevent_d2 !="" && keepevent_d2 === undefined)) { console.log("keep"); } else { $(".snb_2_depth_div").hide(); $(".snb_menu_ul").hide(); $(".snbBg_div").addClass("disNone"); } } }); */ $(".close_menu3").on("click",function(event) { if(event.target == this) { var thisuid = $(this).attr("id"); var thisuid = thisuid.replace("close_menu_",""); $("#depth3_container_"+thisuid).hide(); } }); $(".close_menu2").on("click",function(event) { if(event.target == this) { var thisuid = $(this).attr("id"); var thisuid = thisuid.replace("close_menu_",""); $("#snb_container_"+thisuid).hide(); $("#depth2_exp_bg_"+thisuid).hide(); } }); $(".btnOnlineLink").on("click",function(event) { location.href='/bbs/board.php?bo_table=online'; }); $(".btnNoticeLink").on("click",function(event) { location.href='/bbs/board.php?bo_table=notice'; }); $(".btnInfoLink").on("click",function(event) { location.href='/'; }); }); //siblings function on_snb_menu(tobj) { // snb를 모두 숨김 $(".depth1_ul > li > ul").stop().hide(); tobj.children("ul").stop().show(); tobj.parent("ul").stop().show(); }