(function($){ "use strict"; $(function(){ var $shrinkHeaderHeight = 300; var $fixedHeader = $('.fixed_header .header_wrap'); var $gnb = $('.gnb'); var $hoverEl = $('.hover'); var $searchEl = $('.click > a'); var $searchForm = $('.search_area'); // Fixed header if($fixedHeader.length) { var fixedHeaderHeight = $fixedHeader.height(); var hasClass = false; var $logoImg = $fixedHeader.find('.header h1 img'); var logoDataSrc = $logoImg.data('logo'); var logo = $logoImg.attr('src'); $(window).scroll(function() { var scroll = $(this).scrollTop(); if(scroll >= $shrinkHeaderHeight ) { if(!hasClass) { $fixedHeader.addClass('shrink'); if(logoDataSrc) $logoImg.attr('src', logoDataSrc); hasClass = true; } } else { if(hasClass) { $fixedHeader.removeClass('shrink'); if(logoDataSrc) $logoImg.attr('src', logo); hasClass = false; } } }); $(window).triggerHandler('scroll'); } // Gnb if($(document).width() > 480){ $gnb.addClass('pc-gnb'); } var $pc_gnb = $('.pc-gnb'); $pc_gnb.find('>ul>li>a') .mouseover(function(){ $gnb.find('.on').removeClass('on'); $gnb.find('.depth2').clearQueue().stop().css({ opacity: 0, top: '90%', }).removeClass('line'); $(this).parent('li').addClass('on') $(this).next('.depth2').animate({ opacity: 1, top: "100%", }, 200, function() { $(this).addClass('line'); }); }) .focus(function(){ $(this).mouseover(); }) .end() .mouseleave(function(){ $gnb.find('.on').removeClass('on'); }); // $pc_gnb.find('>ul>li>ul>li>a') // .mouseover(function(){ // $gnb.find('>ul>li>ul>li>ul:visible').parent('li').removeClass('on'); // $(this).next('ul:hidden').parent('li').addClass('on') // }) // .focus(function(){ // $(this).mouseover(); // }) // .end() // .mouseleave(function(){ // $gnb.find('>ul>li>ul>li>ul').parent().removeClass('on') // }); $("#mobile_menu_btn").on('click', function(){ var isOpened = $(this); if(isOpened.hasClass('opened')){ $("#gnb").find(">ul").slideUp(200); }else{ $("#gnb").find(">ul:not(:animated)").slideDown(200); } isOpened.toggleClass('opened'); }); // login popup $hoverEl.on('mouseenter mouseleave focusin focusout',function(e){ e.preventDefault(); if(e.type == 'mouseenter' || e.type == 'focusin'){ $(this).addClass('on'); } else { $(this).removeClass('on'); } }); // Search $searchEl.click(function(){ if($searchForm.is(':hidden')){ $searchForm.fadeIn().find('input').focus(); if($('.magazine').length > 0){ $('.custom_area').css('opacity',0); $('.side').css('opacity',0) } } return false; }); $('.btn_close').click(function(){ var $this = $(this); $this.parent().find('input').val(''); if($('.magazine').length > 0){ $this.parent().fadeOut(); $('.custom_area').css('opacity',1); $('.side').css('opacity',1) } $searchEl.focus(); return false; }); // slide if($.isFunction($.fn.camera) && $(".camera_wrap").length) { $(".camera_wrap").camera({ height: "400px", pagination: true, thumbnails: false, playPause: false, loader: "none", fx: "simpleFade", time: 3000 }); } // Login help, warning $("#warning").on('touchend', function(e){ $(this).css('display', 'none'); }); // Scroll to top var scrollToTop = function() { var link = $('.btn_top'); var windowW = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; $(window).scroll(function() { if (($(this).scrollTop() > 150) && (windowW > 1000)) { link.fadeIn(100); } else { link.fadeOut(100); } }); link.click(function() { $('html, body').animate({scrollTop: 0}, 400); return false; }); }; scrollToTop(); // Sub Header Parallax $('.sub_type3 .bg_img').parallax('50%',0.4); }) })(jQuery); (function($) { "use strict"; var $window = $(window); var windowHeight = $window.height(); $window.resize(function() { windowHeight = $window.height() }); $.fn.parallax = function(xpos, speedFactor, outerHeight) { var $this = $(this); var getHeight; var firstTop; $this.each(function() { firstTop = $this.offset().top; }); if (outerHeight) { getHeight = function(object) { return object.outerHeight(true) } } else { getHeight = function(object) { return object.height() } } if (arguments.length < 1 || xpos === null) xpos = "50%"; if (arguments.length < 2 || speedFactor === null) speedFactor = 0.1; if (arguments.length < 3 || outerHeight === null) outerHeight = true; function update() { var pos = $window.scrollTop(); $this.each(function() { var $element = $(this); var top = $element.offset().top; var height = getHeight($element); if (top + height < pos || top > pos + windowHeight) { return } $this.css('backgroundPosition', xpos + " " + Math.round((firstTop - pos) * speedFactor) + "px") }) } $window.bind('scroll', update).resize(update); update() } })(jQuery); (function($){ $(function(){ $('.bg-holder').parallaxScroll({ friction: 0.2 }); }); })(jQuery);