$(window).on('load',function(){
});

  $(function(){
    let slideMax = $('#slider-images .image').length;
    let slideNum = -1;
    let timerID = null;
    let prgressTimerID = null;
    let animated = false;
    
    $(window).resize(function(){
      let WW = (window.innerWidth) ? window.innerWidth : document.body.clientWidth;
      if(WW <= 767){
        $('#slider').addClass('spmode');
      }else{
        $('#slider').removeClass('spmode');
      }
    }).trigger('resize');
  
    $('#slider-images .image .bg').each(function(){
      let img = ($('#slider').hasClass('spmode')) ? $(this).data('sp') : $(this).data('pc');
      $(this).css('background-image', 'url('+img+')');
    });
    
    $('#slider-controller #slider-page .now').text(slideNum + 1);
    $('#slider-controller #slider-page .max').text(slideMax);
  
    animateReset = function(){
      animated = false;
    };
  
    progressStart = function(){
      $('#slider-progress span').addClass('start');
      $('#slider-images .show.zoom').removeClass('zoom');
    }
    
    slideNext = function(){
      $('#slider-arrow .next').trigger('click');
    };
    
    $('#slider-arrow .prev').on('click', function(){
      if(animated == true){
        return false;
      }
      $('#slider-progress span').removeClass('start');
      clearTimeout(prgressTimerID);
      prgressTimerID = setTimeout("progressStart()", 1000);
  
      clearTimeout(timerID);
      timerID = setTimeout("slideNext()", 5000);
  
      animated = true;
      setTimeout("animateReset()", 1000);
      
  
      $('#slider-images .show').removeClass('show');
      $('#slider-images .over').addClass('show').removeClass('over prev next');
  
      slideNum = (slideNum <= 0) ? slideMax - 1 : slideNum -= 1;
      $('#slider-controller #slider-page .now').text(slideNum + 1);
  
      $('#slider-images .image').eq(slideNum).addClass('over prev zoom');
  
    });
    $('#slider-arrow .next').on('click', function(){
      if(animated == true){
        return false;
      }
      $('#slider-progress span').removeClass('start');
      clearTimeout(prgressTimerID);
      prgressTimerID = setTimeout("progressStart()", 1000);
      
      clearTimeout(timerID);
      timerID = setTimeout("slideNext()", 5000);
  
      animated = true;
      setTimeout("animateReset()", 1000);
  
  
      $('#slider-images .show').removeClass('show');
      $('#slider-images .over').addClass('show').removeClass('over prev next');
      
      slideNum = (slideNum + 1 >= slideMax) ? 0 : slideNum += 1;
      $('#slider-controller #slider-page .now').text(slideNum + 1);
  
      $('#slider-images .image').eq(slideNum).addClass('over next zoom');
    });
    
    $(window).on('load', function(){
      slideNext();
    });
    
    
  });