/*
 * File       : js/sub-hee.js
 * Author     : STUDIO-JT (hee)
 * Guideline  : JTstyle.1.0
 *
 * SUMMARY:
 * 1) Functions
 */

jQuery(function($) {


quick_popup_action();
quick_popup_motion();
quick_popup_scroll();
//is_naver();
//popup_set_cookie();
/* **************************************** *
 * Functions
 * **************************************** */
//is_naver
/*function is_naver(){
    var agt = navigator.userAgent.toLowerCase();
    if(agt.indexOf("naver") != -1) {
        $('body').addClass('naver');
    }
}
*/

//quick popup action
function quick_popup_action() {
 //if( typeof Cookies.get('quick_popup_start') == "undefined" ){
  //$('.quick_popup_box').css("opacity","1"); // �µë찓�� �앹뾽 ë³´ì씠ê¸�
  // Òú� ë¡쒕뵫 �� 3ì´� �� �«í옒 (bounce motion)
  //TweenMax.set( '.quick_popup_box', {scaleY:1, y: 0, autoAlpha: 1}); // ë°뺤뒪 �믪씠, �¬ë챸�� set
  //TweenMax.to( '.quick_popup_box', 0.2, {autoAlpha: 0, delay: 3}); 
  //TweenMax.to( '.quick_popup_box', 0.5, {scaleY:.8, y: 30, ease:Back.easeOut.config(1.7), delay: 3});
 
  //TweenMax.to( '.quick_popup_btn', 0.2, {scaleY: .9, y: 5, ease:Back.easeOut.config(1.7), delay:3});
  //TweenMax.to( '.quick_popup_btn', 0.2, {scaleY: 1, y: 0, ease:Back.easeOut.config(1.7), delay:3.2, onComplete:function(){
   //Cookies.set('quick_popup_start', 'yes', { expires: 1 });
   // ë²꾪듉 �´ë¦­ �� �´ë¦¼ �«í옒
   $( '.quick_popup_btn' ).on( 'click' , function(e){
    e.preventDefault();
    $( '.quick_popup_btn' ).toggleClass( 'active' );
    if( $( '.quick_popup_btn' ).hasClass('active')){ // active �곹깭�¼ë븣
     $('.quick_popup_box > a').css("visibility","visible");
     $('.quick_popup_btn > span').css("opacity","0"); 
     $('.quick_popup_box').css("opacity","1");
     //TweenMax.set( '.quick_popup_box' , {scaleY:.8, y: 30});
     //TweenMax.to( '.quick_popup_box', 1, {autoAlpha: 1});
     //TweenMax.to( '.quick_popup_box' , .5, {scaleY:1, y: 0, ease:Back.easeOut.config(1.7)});
    }else {
     $('.quick_popup_box > a').css("visibility","hidden");
     $('.quick_popup_btn > span').css("opacity","1");
     $('.quick_popup_box').css("opacity","0");
     //TweenMax.set( '.quick_popup_box', {scaleY:1, y: 0});
     //TweenMax.to( '.quick_popup_box', 1, {opacity: 0});
     //TweenMax.to( '.quick_popup_box', .5, {scaleY:.8, y: 30, ease:Back.easeOut.config(1.7)});
    }
   })
  //}});
  /*
 } else {
  
  $( '.quick_popup_btn' ).on( 'click' , function(e){
   e.preventDefault();
   $( '.quick_popup_btn' ).toggleClass( 'active' );
   if( $( '.quick_popup_btn' ).hasClass('active')){
    TweenMax.set( '.quick_popup_box' , {scaleY:.8, y: 30});
    TweenMax.to( '.quick_popup_box', 0.2, {autoAlpha: 1});
    TweenMax.to( '.quick_popup_box' , .5, {scaleY:1, y: 0, ease:Back.easeOut.config(1.7)});
   }else {
    $( 'a.quick_btn' ).on( 'click' , function(e){
     e.preventDefault();
     return false;
    });
    TweenMax.set( '.quick_popup_box', {scaleY:1, y: 0});
    TweenMax.to( '.quick_popup_box', 0.2, {autoAlpha: 0});
    TweenMax.to( '.quick_popup_box', .5, {scaleY:.8, y: 30, ease:Back.easeOut.config(1.7)});
   }
  })
 }
 */
}
/*function popup_set_cookie(){
 var cookies_options = {
      id : '#quick_popup_box',
      name: 'quick_popup_box',
      expires: 1 //day
     };
     if( Cookies.get(cookies_options.name) === undefined ){
   $('.quick_popup_btn').addClass('active'); // active
   $('.quick_popup_btn > span').css("opacity","0"); 
      $('.quick_popup_box').css("opacity","1"); // �µë찓�� �앹뾽 ë³´ì씠ê¸�
   TweenMax.set( '.quick_popup_box', {scaleY:1, y: 0, autoAlpha: 1}); // ë°뺤뒪 �믪씠, �¬ë챸�� set
     } else {
   $('.quick_popup_btn').removeClass('active');
   $('.quick_popup_btn > span').css("opacity","1"); 
   $('.quick_popup_box').css("opacity","0");
            TweenMax.set( '.quick_popup_box', {scaleY:.8, y: 30, autoAlpha: 0});
        }
     $( '.quick_popup_btn' ).on( 'click' , function(e){
   e.preventDefault();
      Cookies.set(cookies_options.name, cookies_options.id, { expires: cookies_options.expires });
      //return false;
     });
}*/
//quick popup motion
function quick_popup_motion() {
 
 TweenMax.to( '.bg_wave_01' , 35, {x: -700, repeat: -1, yoyo: true, ease: Sine.easeInOut} );
 TweenMax.to( '.bg_wave_01' , 2, {y: -2, repeat: -1, yoyo: true, ease: Sine.easeInOut} );
 TweenMax.to( '.bg_wave_02' , 35, {x: 700, repeat: -1, yoyo: true, ease: Sine.easeInOut} );
 TweenMax.to( '.bg_wave_02' , 1.5, {y: -4, repeat: -1, yoyo: true, ease: Sine.easeInOut} );
 TweenMax.to( '.bg_clothes' , 2, {x: -20, repeat: -1, yoyo: true, ease: Sine.easeInOut, force3D:false} );
 TweenMax.to( '.bg_clothes' , 1.5, {y: -4, repeat: -1, yoyo: true, ease: Sine.easeInOut, force3D:false} );
 TweenMax.to( '.bg_clothes' , 1.5, {rotation: -3, repeat: -1, yoyo: true, ease: Sine.easeInOut, force3D:false} );
 var tl_1 = new TimelineMax({ repeat: -1 });
 var tl_2 = new TimelineMax({ repeat: -1 });
 var tl_3 = new TimelineMax({ repeat: -1 });
 var tl_4 = new TimelineMax({ repeat: -1 });
 var tl_5 = new TimelineMax({ repeat: -1 });
 tl_1.set( '.bg_bubble_01' ,  { scale: 0, y: 50 });
 tl_2.set( '.bg_bubble_02' ,  { scale: 0, y: 50 });
 tl_3.set( '.bg_bubble_03' ,  { scale: 0, y: 50 });
 tl_4.set( '.bg_bubble_04' ,  { scale: 0, y: 50 });
 tl_5.set( '.bg_bubble_05' ,  { scale: 0, y: 50 });
 tl_1.to( '.bg_bubble_01', 0.9, {scale: 1, y: 0 },'+=1');
 tl_1.to( '.bg_bubble_01', 3.75, { y:-90, ease:Power1.easeIn },'-=0.89' );
 tl_1.to( '.bg_bubble_01', 0.8, {x:15, yoyo:true, repeat: 3, ease:Power1.easeInOut}, '-=3.1' );
 tl_1.to( '.bg_bubble_01', 0.9, {scale: 0}, '-=0.57' );
 tl_2.to( '.bg_bubble_02', 0.9, {scale: 1, y: 0 },'+=2.47');
 tl_2.to( '.bg_bubble_02', 3.75, { y:-90, ease:Power1.easeIn },'-=0.89' );
 tl_2.to( '.bg_bubble_02', 0.8, {x:15, yoyo:true, repeat: 3, ease:Power1.easeInOut}, '-=3.1' );
 tl_2.to( '.bg_bubble_02', 0.9, {scale: 0}, '-=0.57' );
 tl_3.to( '.bg_bubble_03', 0.9, {scale: 1, y: 0 },'+=1.87');
 tl_3.to( '.bg_bubble_03', 3.75, { y:-90, ease:Power1.easeIn },'-=0.89' );
 tl_3.to( '.bg_bubble_03', 0.8, {x:15, yoyo:true, repeat: 3, ease:Power1.easeInOut}, '-=3.1' );
 tl_3.to( '.bg_bubble_03', 0.9, {scale: 0}, '-=0.57' );
 tl_4.to( '.bg_bubble_04', 0.9, {scale: 1, y: 0 },'+=3.07');
 tl_4.to( '.bg_bubble_04', 3.75, { y:-90, ease:Power1.easeIn },'-=0.89' );
 tl_4.to( '.bg_bubble_04', 0.8, {x:15, yoyo:true, repeat: 3, ease:Power1.easeInOut}, '-=3.1' );
 tl_4.to( '.bg_bubble_04', 0.9, {scale: 0}, '-=0.57' );
 tl_5.to( '.bg_bubble_05', 0.9, {scale: 1, y: 0 },'+=2.87');
 tl_5.to( '.bg_bubble_05', 3.75, { y:-90, ease:Power1.easeIn },'-=0.89' );
 tl_5.to( '.bg_bubble_05', 0.8, {x:15, yoyo:true, repeat: 3, ease:Power1.easeInOut}, '-=3.1' );
 tl_5.to( '.bg_bubble_05', 0.9, {scale: 0}, '-=0.57' );
}
//quick popup scroll
function quick_popup_scroll(){
    var $window = $(window);
    var $document = $(document);
    var $footer = $('#footer');
    var $scrollBtn = $('.quick_popup');
    $window.on('scroll', function() {
  if( $window.scrollTop() < ($document.height() - $window.height() - $footer.outerHeight() - $scrollBtn.outerHeight()) + 350 ){
   $scrollBtn.addClass('fixScroll');
   $scrollBtn.removeClass('fixBottom');
  }else{
   $scrollBtn.removeClass('fixScroll');
   $scrollBtn.addClass('fixBottom');
  }
    });
}

}); // End jQuery