/*********************************************************************************************************
 ## Scroll Animation Script (scrollreveal) ##
 * º» ½ºÅ©¸³Æ®ÀÇ ÀúÀÛ±ÇÀº (ÁÖ)À¥½º¸®ÆÛºí¸¯¿¡ ÀÖ½À´Ï´Ù.
 * º» ½ºÅ©¸³Æ®¸¦ ¹«´ÜÀ¸·Î ÀÌ¿ëÇϰųª º¹Á¦ ¶Ç´Â ¼öÁ¤ »ç¿ë½Ã ÀúÀ۱ǹý¿¡ ÀǰŠó¹ú¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
 * version : 1.1
 * date : 2017-03-22
 * author : Park Soo Hyun (shpark7502@naver.com)
*********************************************************************************************************/
$(window).load(function() {
 var elem = $(".scrollreveal");
 var sty = {
  'opacity':'0',
  'transition':'none'
  }
 elem.css(sty);
 $("html, body").animate({scrollTop:'10'}, 10, function() {
  $("html, body").animate({scrollTop:'0'}, 0);
 });
 // ½ºÅ©·Ñ½Ã ¾Ö´Ï¸ÞÀÌ¼Ç Ã³¸®
 $(window).bind('scroll', function() {
  var winWidth = $(this).width();
  var winTop = $(this).scrollTop();
  var winHeight = $(this).height();
  var docHeight = $(document).height();
  var hdHeight = $("#header").height();
  var elemHeight;
  var showDelay = 0;
 
  if(winWidth > 1024) { 
   if(winTop >= hdHeight) {
    if(!$("#header").hasClass('fixed')) {
     $("#header").addClass('fixed');
     $("#scrollTop").stop(true,false).fadeIn(300);
    }
   } else {
    $("#header").removeClass('fixed');
    $("#scrollTop").stop(true,false).fadeOut(300);
   }
  }
  elem.each(function() {
   var etop = $(this).offset().top;
   var eh = $(this).height();
   var delay = $(this).data('delay');
   if(delay == null) { delay = 100; }
   if(winTop >=  etop - winHeight) {
    if(!$(this).hasClass('animated')) {
     var aniOptions;
     var styR = {
       'position':'relative',
       'top':'30px'
      }
     var sty = {
       'top':'30px'
      }
     if($(this).css('position') == 'static') {
      aniOptions = {
       'opacity':'1',
       'top':'0'
      }
      $(this).css(styR);
     } else if($(this).css('position') == 'absolute') {
      aniOptions = {
       'opacity':'1',
      }
     } else {
      aniOptions = {
       'opacity':'1',
       'top':'0'
      }
      $(this).css(sty);
     }
     showDelay += delay;
     $(this).stop().delay(showDelay).animate(aniOptions, 500, function() {
      var sty = {
        'position':'',
        'top':'',
        'opacity':'',
        'transition':''
       }
      $(this).css(sty);
     });
     $(this).addClass('animated');
    }
   }
  });
 });
});