/********************************************************************************************************* ## Common Script ## * º» ½ºÅ©¸³Æ®ÀÇ ÀúÀÛ±ÇÀº (ÁÖ)À¥½º¸®ÆÛºí¸¯¿¡ ÀÖ½À´Ï´Ù. * º» ½ºÅ©¸³Æ®¸¦ ¹«´ÜÀ¸·Î ÀÌ¿ë(¶Ç´Â µµ¿ë)Çϰųª º¹Á¦ ¶Ç´Â ¼öÁ¤ »ç¿ë½Ã ÀúÀ۱ǹý¿¡ ÀǰŠó¹ú¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù. * ±¸¸Å ÈÄ¿¡µµ Á¦ 2Â÷ »çÀÌÆ® µî ¶óÀ̼±½º°¡ Àû¿ëµÇÁö ¾Ê´Â »çÀÌÆ®¿¡ ´ëÇÏ¿© »ç¿ëÀº ±ÝÁöµÇ¾î ÀÖ½À´Ï´Ù. * À§ »çÇ׿¡ ´ëÇÏ¿© À§¹Ý½Ã Àý´ë ÇÕÀÇ´Â ¾ø½À´Ï´Ù ! * date : 2017-03-15 * author : Park Soo Hyun (shpark7502@naver.com) *********************************************************************************************************/ function isPC() { var $winWidth = $(window).width(); if($winWidth > 1024) { return true; } else { return false; } } // URL ÆÄ¶ó¹ÌÅÍ ºÒ·¯¿À±â var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = decodeURIComponent(window.location.search.substring(1)), sURLVariables = sPageURL.split('&'), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : sParameterName[1]; } } }; // Çì´õ ¹× GNB °ü·Ã °øÅë ½ºÅ©¸³Æ® $(function() { var $gnb = $(".btm"); var $gnbTrigger = $("#gnbTrigger"); var $logo = $("#logo"); var mask = $(".mask"); var allMenu = $("#all-menu"); var mnuEasing = "easeInOutExpo"; // GNB Ȱ¼ºÈ­ $("#nav > li").each(function() { if(isPC() === true) { var $currIndex = getUrlParameter('top') - 1; if($(this).index() == $currIndex) $(this).addClass('open'); } }); // À©µµ¿ì ¸®»çÀÌ¡ ó¸® $(window).bind('resize', function() { var $winWidth = $(this).width(); if($winWidth < 1024) { $("#nav > li").removeClass('open'); //$(".btm").css('height','100%'); } else { } }); // GNB ºñȰ¼ºÈ­ function gnbdeActive() { $("#nav > li").removeClass('open'); $("#nav > li > ul").removeAttr('style'); $gnbTrigger.removeClass('open'); $("body").removeClass('lock'); } $("#nav").mouseenter(function() { wSize = $(window).width(); if(wSize > 1024) { if($(this).find('.menu-item').length > 0) { //$(this).find('.submnu').css({top:'52px'}); $(".btm").stop(true,false).animate({height:'400px', opacity:'1'}, 400); $(this).addClass('on'); //$(this).parent().find('.submnu').css('display','block'); //$(this).parent().find('.submnu').stop(true,false).animate({top:'52px', opacity:'1'}, 400); $(this).next('li').addClass('on'); } $("#header").addClass('on'); } }) $("#nav").mouseleave(function() { wSize = $(window).width(); if(wSize > 1024) { //$(this).find('.submnu').stop(true,false).animate({opacity:'0'}, 400); $(".btm").stop(true,false).animate({height:'90px', opacity:'1'}, 400); //$(this).find('.submnu').css('display','none'); $("#header").removeClass('on'); } }); // GNB Ŭ¸¯ $("#nav > li > a").click(function(e) { if(isPC() === false) { if(!$(this).parent().hasClass('open')) { if($(this).next('div.menu-item').length > 0) { e.preventDefault(); $("#nav > li div.menu-item").stop().slideUp(250); $("#nav > li").removeClass('open'); $(this).parent().addClass('open'); $(this).next('div.menu-item').stop().slideDown(350, 'easeInOutExpo'); } } else { if($(this).next('div.menu-item').length > 0) { e.preventDefault(); $(this).parent().removeClass('open'); $(this).next('div.menu-item').stop().slideUp(250); } } } }); // ¸ð¹ÙÀϸ޴º Åä±Û¹öư Ŭ¸¯ $gnbTrigger.click(function() { if(!TweenMax.isTweening($gnb)) { if(!$(this).hasClass('open')) { $(this).addClass('open'); $("body").addClass('lock'); mask.css({'opacity':'0.65', 'height':'100%'}); TweenMax.to($gnb, 0.5, {right:'0px', ease:Expo.easeInOut, onComplete:function() { //$logo.stop().fadeIn(200); }}); } else { $(this).removeClass('open'); $("body").removeClass('lock'); mask.css({'opacity':'0', 'height':'0'}); TweenMax.to($gnb, 0.5, {right:'-100%', ease:Expo.easeInOut}); //$logo.stop().fadeOut(100); } } }); mask.click(function() { $("#gnbTrigger").removeClass('open'); $("body").removeClass('lock'); mask.css({'opacity':'0', 'height':'0'}); TweenMax.to($gnb, 0.5, {right:'-300px', ease:Expo.easeInOut}); }); // À©µµ¿ì ¸®»çÀÌ¡ ó¸® $(window).bind('resize', function() { var $winWidth = $(this).width(); if($winWidth > 1024) { $logo.removeAttr('style'); $gnb.removeAttr('style'); mask.removeAttr('style'); $("#nav > li div.menu-item").removeAttr('style'); gnbdeActive(); } else { if(!$gnbTrigger.hasClass('open')) { $logo.removeAttr('style'); } } }); }); // ÆäÀÌÁö ·Îµù /*$(window).load(function() { $("#page-loader").fadeOut(600, function() { $("#page-loader").delay(100).remove(); $("#mainVisual").addClass('on'); $("#mainVisual p").delay(1300).addClass('on'); }); });*/ $(document).ready(function() { var headerTop = $(".header-bottom").offset().top; $(window).scroll(function() { var scrollTop = $(this).scrollTop(); var hd = $("#header"); if (scrollTop >= headerTop) { hd.addClass('fixed'); } else { hd.removeClass('fixed'); } }); }); $(window).scroll(function() { var _top = $(this).scrollTop(); if(_top > 0) { if(!$("body").hasClass('scroll')) { $("body").addClass('scroll'); $("#scrollTop").stop(true,false).fadeIn(300); } } else { $("body").removeClass('scroll'); $("#scrollTop").stop(true,false). fadeOut(300); } }); $(function() { // ½ºÅ©·Ñ ¹öư À̺¥Æ® $("#scrollTop").bind('mouseenter mouseleave click', function(e) { if(e.type === 'mouseenter') { if(!$(this).hasClass('on')) { $(this).addClass('on'); } } else if(e.type === 'click') { $("html, body").stop().animate({scrollTop:'0'}, 500, 'easeInOutExpo'); } else { $(this).removeClass('on'); } }) }); $(function() { // ½ºÅ©·Ñ ¹öư À̺¥Æ® $("#scrollTop_shop").bind('mouseenter mouseleave click', function(e) { if(e.type === 'mouseenter') { if(!$(this).hasClass('on')) { $(this).addClass('on'); } } else if(e.type === 'click') { $("html, body").stop().animate({scrollTop:'0'}, 500, 'easeInOutExpo'); } else { $(this).removeClass('on'); } }) }); // Æû¸ÞÀÏ placehold Ãß°¡ $(function() { if ($(".tbl_contact").length > 0) { var $form = $(".tbl_contact"); $form.find('input[name=add5]').attr('placeholder', '¼ºÇÔÀ» ÀÔ·ÂÇϼ¼¿ä'); $form.find('input[name=add1]').attr('placeholder', '´Üü/ȸ»ç¸íÀ» ÀÔ·ÂÇϼ¼¿ä.'); $form.find('input[name=phone_no1]').attr('placeholder', '010'); $form.find('input[name=name]').attr('class', 'big-input alt-font'); $form.find('input[name=add4]').attr('placeholder', 'À̸ÞÀÏ'); $form.find('input[name=receiver_email]').attr('class', 'big-input alt-font'); $form.find('input[name=add3]').attr('placeholder', 'Á¦¸ñÀ» ÀÔ·ÂÇϼ¼¿ä'); $form.find('input[name=title1]').attr('class', 'big-input alt-font'); $form.find('textarea[name=description1]').attr('placeholder', '³»¿ëÀ» ÀÔ·ÂÇϼ¼¿ä'); $form.find('textarea[name=description1]').attr('class', 'big-input alt-font'); } }); $(function() { var allMenu = $("#all-menu"); var mnuEasing = "easeInOutExpo"; // Àüü¸Þ´º ¿­±â function allMenuOpen() { if(!allMenu.hasClass('open')) { allMenu.addClass('open'); allMenu.find('.menu-layer').removeAttr('style'); allMenu.find('.menu-layer').css({top:'-100%', opacity:'0'}); allMenu.fadeIn(400); allMenu.find('.menu-layer').stop().animate({top:'0', opacity:'1'}, 800, mnuEasing); $("body").addClass('fixed'); } } // Àüü¸Þ´º ´Ý±â function allMenuClose() { allMenu.removeClass('open'); allMenu.find('.menu-layer').stop().animate({top:'-100%', opacity:'0'}, 600, mnuEasing); allMenu.fadeOut(1000); $("body").removeClass('fixed'); } // Àüü¸Þ´º ¿­±â ¹öư Ŭ¸¯ $("#header .btn-allmenu").click(function() { allMenuOpen(); }); // Àüü¸Þ´º ´Ý±â ¹öư Ŭ¸¯ $("#all-menu .btnClose").click(function() { allMenuClose(); }); // ¸¶½ºÅ©¿µ¿ª Ŭ¸¯½Ã Àüü¸Þ´º ´Ý±â $("#all-menu .mask_all").click(function() { allMenuClose(); }); });