swiper

swiper = new Swiper('.swiper-pages', {
      grabCursor: true,
      slidesPerView : '1',
      progress:true,
      loop:true,
      autoResize: false,
      resizeReInit: true,

      onProgressChange: function(swiper){
        for (var i = 0; i < swiper.slides.length; i++){
          var slide = swiper.slides[i];
          var progress = slide.progress;
          var translate = progress*swiper.width;  
          var opacity = 1 - Math.min(Math.abs(progress),1);
          slide.style.opacity = opacity;
          swiper.setTransform(slide,'translate3d('+translate+'px,0,0)');
        }
      },
      onTouchStart:function(swiper){
        for (var i = 0; i < swiper.slides.length; i++){
          swiper.setTransition(swiper.slides[i], 0);
        }
      },
      onSetWrapperTransition: function(swiper) {
        for (var i = 0; i < swiper.slides.length; i++){
          swiper.setTransition(swiper.slides[i], swiper.params.speed);
        }
      },
      onSlideChangeStart: function(){
        $('.swiper-pagination-switch').removeClass('swiper-slide-active')
        $('.swiper-pagination-switch').eq(swiper.activeSlide).addClass('swiper-slide-active')
        }

})

//Timeline pagination navigation
$('.swiper-pagination-switch').click(function(){
    swiper.swipeTo($(this).index());
    $('.swiper-pagination-switch').removeClass('active');
    $(this).addClass('active')
})
$(window).resize(function(){

  swiper.reInit()
})
$(window).trigger("resize")
})