$(function() { var winWidth = $(window).width(); // â Å©±â Á¶Àý À̺¥Æ® $(window).resize(function() { var winWidth = $(this).width(); var majorIndex = $("#container").data('menu') - 1; var majorMenu = $("#gnb > li").eq(majorIndex); if(!$("body").hasClass('main') && winWidth > 1366) { $("#navbg").removeClass('hide'); $("#navbg").stop(true,false).fadeIn(300); majorMenu.find('ul.submnu').stop(true,false).fadeIn(300); } if(winWidth <= 1366) { $("#navbg").addClass('hide'); majorMenu.find('ul.submnu').stop(true,false).fadeOut(300); } if(winWidth <= 1024) { $("#gnb > li").removeClass('on'); $("#navbg").removeClass('hide'); } }); // GNB ¸¶¿ì½º¿À¹ö ¹× Ŭ¸¯ À̺¥Æ® $("#gnb > li > a").bind('mouseenter click', function(e) { var winWidth = $(window).width(); if(e.type === 'mouseenter') { if(winWidth > 1024) { $("#navbg").stop(true,false).fadeIn(300); $("#gnb > li > ul.submnu").css('display','none'); $(this).siblings('ul.submnu').stop(true,false).fadeIn(300); $("#gnb > li").removeClass('on'); $(this).parent('li').addClass('on'); } } else if(e.type === 'click') { if(winWidth <= 1024) { if($(this).siblings('ul.submnu').length > 0) { e.preventDefault(); if(!$(this).parent('li').hasClass('open')) { $("#gnb > li").removeClass('open'); $(this).parent('li').addClass('open'); $("#gnb > li > ul.submnu").stop(true,false).slideUp(300); $(this).siblings('ul.submnu').stop(true,false).slideDown(300); } else { $(this).parent('li').removeClass('open'); $(this).siblings('ul.submnu').stop(true,false).slideUp(300); } } } } }); // GNB ¼­ºê¸Þ´º ¸¶¿ì½º ¿À¹ö À̺¥Æ® $("#gnb > li > ul.submnu > li").bind('mouseenter', function(e) { var winWidth = $(window).width(); if(winWidth > 1024) { $("#gnb > li > ul.submnu > li").removeClass('on'); $(this).addClass('on'); } }); // Çì´õ ¸¶¿ì½º ¾Æ¿ô À̺¥Æ® $("#header").bind('mouseleave', function(e) { var winWidth = $(window).width(); if($("body").hasClass('main') || $("#navbg").hasClass('hide')) { if(winWidth > 1024) { $("#navbg").stop(true,false).fadeOut(300); $("#gnb > li > ul.submnu").stop(true,false).fadeOut(300); $("#gnb > li").removeClass('on'); $("#gnb > li > ul.submnu > li").removeClass('on'); } } else { if(winWidth > 1024) { $("#gnb > li").removeClass('on'); $("#gnb > li > ul.submnu > li").removeClass('on'); $("#gnb > li > ul.submnu").stop(true,false).fadeOut(300); $("#gnb > li.current > ul.submnu").stop(true,false).fadeIn(300); } } }); // ¸ð¹ÙÀÏ ¸Þ´º ¿­±â $("#gnbOpen").click(function() { $("#gnbMask").stop(true,false).fadeIn(300); $("#gnbWrap").stop(true,false).animate({right:'0'}, 300, 'easeOutCubic'); }); // ¸ð¹ÙÀÏ ¸Þ´º ´Ý±â $("#gnbClose, #gnbMask").click(function() { $("#gnbMask").stop(true,false).fadeOut(300); $("#gnbWrap").stop(true,false).animate({right:'-290px'}, 300, 'easeOutCubic'); }); // ¹öÆ° Ŭ¸¯½Ã È­¸é »ó´ÜÀ¸·Î ½ºÅ©·Ñ $("#scrollTop a").click(function(e) { e.preventDefault(); $("html, body").stop(true,false).animate({scrollTop:0}, 400, 'easeOutCubic'); }); // ¸¶¿ì½º À̺¥Æ® ó¸® $("#scrollTop a").mouseenter(function() { if(!$(this).hasClass('on')) { $(this).addClass('on'); } }).mouseleave(function() { $(this).removeClass('on'); }); // ¸Þ´º È°¼ºÈ­ function gnbActive() { var winWidth = $(window).width(); var majorIndex = $("#container").data('menu') - 1; var minorIndex = $("#container").data('sub') - 1; var majorMenu = $("#gnb > li").eq(majorIndex); var minorMenu = $("#gnb > li").eq(majorIndex).find('ul.submnu > li').eq(minorIndex); majorMenu.addClass('current'); minorMenu.addClass('current'); majorMenu.find('ul.submnu').css('display','block'); if(winWidth <= 1366) { $("#navbg").addClass('hide'); majorMenu.find('ul.submnu').css('display','none'); } } // À©µµ¿ì ½ºÅ©·Ñ½Ã ½ºÅ©·Ñ ¹öÆ° º¸À̱â/¼û±â±â $(window).scroll(function() { var wTop = $(this).scrollTop(); // ½ºÅ©·Ñ È°¼ºÈ­ ó¸® ÇÔ¼ö function scrollActive() { if(!$("#header").hasClass('scroll')) { $("#header").addClass('scroll'); $("#scrollTop").stop(true,false).fadeIn(300); } } // ½ºÅ©·Ñ ºñÈ°¼ºÈ­ ó¸® ÇÔ¼ö function scrollInactive() { $("#header").removeClass('scroll'); $("#scrollTop").stop(true,false).fadeOut(300); } if(wTop >= 80) { scrollActive(); } else { scrollInactive(); } }); // ÆäÀÌÁö ·Îµå½Ã ¸Þ´º µ¿±âÈ­ $(window).load(function() { gnbActive(); }); });