/** * */ $(function() { var winW = 0, winH = 0; var gnb, mobileMenu; var fullPage = false; var fullSlider; var fullSliderMode; var pageStatus; function init() { setPageStatus(); gnb = new setGnb(); // ¸ÞÀθ޴º ¼±¾ð mobileMenu = new setMobileMenu(); // ¸ð¹ÙÀÏ ¸Þ´º ¼±¾ð $('.accordion>dt>a').click(function(e){ // ¾ÆÄÚµð¾ð e.preventDefault(); $(this).parent('dt').siblings('dd').slideUp(); $(this).parent('dt').next('dd').slideDown(); }); if ($('#fullpage').length) { setFullPage(); // Ç®ÆäÀÌÁö ½ºÅ©·Ñ¸µ ¼¼Æà } if ($('.fullslider').length) { setFullSlide(); // Ç®ÆäÀÌÁö ½½¶óÀÌµå ¼¼Æà } $(window).resize(function(){ setPageStatus(); if ($('#fullpage').length) { setFullPage(); // Ç®ÆäÀÌÁö ½ºÅ©·Ñ¸µ ¼¼Æà } if ($('.fullslider').length) { setFullSlide(); // Ç®ÆäÀÌÁö ½½¶óÀÌµå ¼¼Æà } }); } function setPageStatus(){ winW = $(window).width(); winH = $(window).height(); if(pageStatus != 'mobile' && winW <= 768){ pageStatus = 'mobile'; $('#nav').addClass('fixed'); }else if(pageStatus != 'tablet' && winW > 768){ pageStatus = 'tablet'; reLoadFullSlider(); } } function setFullPage(){ if(fullPage && pageStatus == 'mobile'){ $.fn.fullpage.destroy('all'); fullPage = false; } if(!fullPage && pageStatus == 'tablet'){ $('#fullpage').fullpage({ autoScrolling: false, fitToSection: false }); fullPage = true; } } function setFullSlide() { if(!fullSlider){ fullSlider = $('.fullslider .slider').bxSlider({ responsive : true, mode : 'fade', speed : 1500, auto : true, pause : 7500, controls : false, pager : true, pagerSelector : $('.fullslider .controller .pager'), autoControls: true, autoControlsSelector : $('.fullslider .controller .btns') }); } if(fullSlider && pageStatus == 'tablet'){ $('.fullslider .bx-wrapper, .fullslider .bx-viewport').addClass('important'); } if(fullSlider && pageStatus == 'mobile'){ $('.fullslider .bx-wrapper, .fullslider .bx-viewport').addClass('important'); } } function reLoadFullSlider(){ if(fullSlider){ fullSlider.reloadSlider(); } } /* ¸ÞÀÎ ¸Þ´º ¼³Á¤ */ var setGnb = function(){ /* ¸ÞÀÎ ¸Þ´º¸¦ ¸¶¿ì½º ¿À¹ö½Ã 2dept °ø°£À» È°¼ºÈ­ */ this.activeGnb = function ($event) { $('#nav').toggleClass('active'); } /* * ½ºÅ©·Ñ¸µ ½Ã ¸ÞÀθ޴º¸¦ »ó´Ü¿¡ °íÁ¤ */ this.setFixedGnb = function(){ if(fullPage){ var scroll = $(window).scrollTop()+100; if (scroll >= 400){ $('#nav').addClass('fixed'); $('#bodyWrap').addClass('space'); }else{ $('#nav').removeClass('fixed'); $('#bodyWrap').addClass('space'); } }else{ var scroll = $(window).scrollTop(); $('#nav').addClass('fixed'); $('#bodyWrap').addClass('space'); /* if(winW > 768){ if (scroll >= 50){ $('#nav').addClass('fixed'); }else{ $('#nav').removeClass('fixed'); } }else{ if (scroll >= 56){ $('#nav').addClass('fixed'); }else{ $('#nav').removeClass('fixed'); } }*/ } } $('#nav .gnbList>li').hover(this.activeGnb); // ¸ÞÀθ޴º ¸¶¿ì½º ¿À¹ö À̺¥Æ® $(window).scroll(this.setFixedGnb); $(window).resize(this.setFixedGnb); } /** * ¸ð¹ÙÀÏ ¸Þ´º ¼¼Æà */ var setMobileMenu = function(){ this.openMobileMenu = function($event){ if($event){ $event.preventDefault(); } $('html').addClass('noscroll'); $('.modal_back').fadeIn(); setTimeout(function(){ $('#nav_mobile').fadeIn().addClass('open'); }, 300); } this.closeMobileMenu = function($event){ if($event){ $event.preventDefault(); } $('html').removeClass('noscroll'); $('#nav_mobile').removeClass('open').fadeOut(); setTimeout(function(){ $('.modal_back').fadeOut(); }, 300); $('#nav_mobile .gnbList>li').removeClass('active'); } this.activeMobileGnb = function($event){ if($event){ $event.preventDefault(); } var $li = $($event.target).parents('li'); var $lis = $li.siblings('li'); $lis.children('ul').slideUp(); $li.children('ul').slideDown(); } $('.menu_mobile a').click(this.openMobileMenu); $('#nav_mobile .close').click(this.closeMobileMenu); $('#nav_mobile .gnbList>li>a').click(this.activeMobileGnb); //$(window).resize(this.closeMobileMenu); } init(); /* GNB $('.wrap').mouseleave(function(){ $('#nav .depth2, #nav .gnbActiveArea').slideUp(200); }); $('#nav .gnbList').mouseover(function(){ $('#nav .depth2:not(:animated), #nav .gnbActiveArea:not(:animated)').slideDown(200); return false; }); $('#nav .gnbActiveArea').mouseleave(function(){ $('#nav .depth2, #nav .gnbActiveArea').slideUp(200); }); */ });