(function($) {
$.fn.queued = function() {
var self = this;
var func = arguments[0];
var args = [].slice.call(arguments, 1);
return this.queue(function() {
$.fn[func].apply(self, args).dequeue();
});
}
}(jQuery));


$(function () {
 var playing = false;
 var winW;
 var winH;
 var $sectionWrap = $(".sectionWrap");
 var $section = $(".section");
 var sectionActive = 0;
 var footHeight;
 if($section.width() <= 760) {
  $('body').addClass('mo')
 }else if($section.width() > 760 && $section.width() <= 1163 ) {
  $('body').removeClass('mo')
  $('body').addClass('tablet');
 }else if($section.width() > 1163 ) {
  $('body').removeClass('mo')
  $('body').removeClass('tablet');
 };
 //��초 &#65533;�팅
 // resize(true);
 // init();
 // gnb();
 //&#65533;�도&#65533;&#65533; 리사&#65533;�즈
 // var resizeTiming;
 $(window).resize(function () {
  if($section.width() <= 760) {
   $('body').addClass('mo')
   $('body').removeClass('tablet');
  }else if($section.width() > 760 && $section.width() <= 1163 ) {
   $('body').removeClass('mo')
   $('body').addClass('tablet');
   $('#header').css({top:''})
  }else if($section.width() > 1163 ) {
   $('body').removeClass('mo')
   $('body').removeClass('tablet');
  };
  //clearTimeout(resizeTiming);
  //resizeTiming = setTimeout(function () {
       // resize();
  //}, 10);
  // resize();
 });
 var fixMode;
 var tipBarFix;
 var chkFix;
 var doc = $(document);
 var win = $(window);
 var top;
 var lastId,
  stickyNav = $(".mainStep"),
  stickyNavHeight = stickyNav.outerHeight()+1,
  menuItems = stickyNav.find("a"),
  scrollItems = menuItems.map(function(){
   var item = $($(this).attr("href"));
   if (item.length) { return item; }
  });
 var checkFloating = function() {
  var fromTop = getScrollOffsets().top+stickyNavHeight;
  var cur = scrollItems.map(function(){
   if ($(this).offset().top < fromTop - ($(window).outerHeight() / 3))
   return this;
  });
  cur = cur[cur.length-1];
  var id = cur && cur.length ? cur[0].id : "";
  if (lastId !== id) {
   lastId = id;
   menuItems
   // .parent().removeClass("on")
   .end().filter("[href=#"+id+"]").parent().addClass("on");
  }
 };
 stickyNav.find('li').eq(0).addClass('on')
 var getScrollOffsets = function() {
  return {
   'left': window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
   'top': window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
  };
 };
 var getWindowSize = function() {
  var w = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 1003) - 2,
   h = (window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 650) - 2;
  return {
   "width": w,
   "height": h
  };
 };
 function targetMove (target, gutter) {
  $('html, body').animate({ 
   scrollTop: $(target).offset().top - gutter 
  }, 500, function() {
  });
 }
 win.scroll(checkFloating);
 checkFloating();
 $(".mainStep ul li a").click(function (e) {
  e.preventDefault();
  $(".mainStep ul li").removeClass('on');
  $(this).parent().addClass('on');
  var target = $(this).attr('href');
  targetMove(target, 0);
 })

 $('.mainVisual .slider.responsive').on('init', function(event, slick){
  $('.slider .slick-active').find('.motion').each(function(index, el) {
    $(el).delay(index*350).queued('addClass', 'on');
  });
 });
 $('.mainVisual .slider.responsive').slick({
  fade: true,
  autoplay: true,
  autoplaySpeed: 4000,
  speed: 500,
  pauseOnHover : false,
  pauseOnFocus : false,
  dots: false
 });
 $('.mainVisual .sliderButtons').find('.sliderPrev').on('click', function(event) {
  $('.mainVisual .slick-prev').trigger('click');
 });
 $('.mainVisual .sliderButtons').find('.sliderNext').on('click', function(event) {
  $('.mainVisual .slick-next').trigger('click');
 });

 $('.mainVisual .slider.responsive').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  $('.slider .slick-active').find('.motion').each(function(index, el) {
    $(el).delay(index*100).queued('removeClass', 'on');
  });
 });

 $('.mainVisual .slider.responsive').on('afterChange', function(event, slick, currentSlide, nextSlide){
  $('.slider .slick-active').find('.motion').each(function(index, el) {
    $(el).delay(index*350).queued('addClass', 'on');
  });
 });
 function swing(){
        $(".scroll").animate({"bottom":"25px"},800).animate({"bottom":"50px"},800, swing);
    }
    
    swing();
})