$(document).on('ready', function() {

    var slideholdtime = 8000;

    $('.stepautoplay-home').slick({
        lazyLoad: 'ondemand',
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows: false,
        autoplay: true,
        'autoplaySpeed': 5000,
        adaptiveHeight: true
    });


    $('.stepautoplay-new').slick({
        lazyLoad: 'ondemand',
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows: false,
        autoplay: true,
        'autoplaySpeed': slideholdtime,
    });
    $('.stepautoplay-exist').slick({
        lazyLoad: 'ondemand',
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows: false,
        autoplay: true,
        'autoplaySpeed': slideholdtime,
    });
    $('.stepautoplay-last').slick({
        lazyLoad: 'ondemand',
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows: false,
        autoplay: true,
        'autoplaySpeed': slideholdtime,
    });
    $('.stepautoplay-futu').slick({
        lazyLoad: 'ondemand',
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows: false,
        autoplay: true,
        'autoplaySpeed': slideholdtime,
    });

    $('.stepautoplay-new').on('afterChange', function(event, slick, currentSlide){
        var currentSlideNew = $('.stepautoplay-new').slick('slickCurrentSlide') ;
        $("#sub1").find(".tabslide1 .steps li").removeClass('currentStep');
        $("#sub1").find(".tabslide1 .steps li").eq(currentSlideNew).toggleClass('currentStep');
    });

    $('.stepautoplay-exist').on('afterChange', function(event, slick, currentSlide){
        var currentSlideExist = $('.stepautoplay-exist').slick('slickCurrentSlide') ;
        $("#sub1").find(".tabslide2 .steps li").removeClass('currentStep');
        $("#sub1").find(".tabslide2 .steps li").eq(currentSlideExist).toggleClass('currentStep');
    });

    $('.stepautoplay-last').on('afterChange', function(event, slick, currentSlide){
        var currentSlideLast = $('.stepautoplay-last').slick('slickCurrentSlide') ;
        $("#sub3").find(".steps li").removeClass('currentStep');
        $("#sub3").find(".steps li").eq(currentSlideLast).toggleClass('currentStep');
    });

    $('.stepautoplay-futu').on('afterChange', function(event, slick, currentSlide){
        var currentSlideFutu = $('.stepautoplay-futu').slick('slickCurrentSlide') ;
        $("#sub4").find(".steps li").removeClass('currentStep');
        $("#sub4").find(".steps li").eq(currentSlideFutu).toggleClass('currentStep');
    });


    var slickOptions = {
        autoplay: true,
    // rest of options
    },
    $slick = $('.stepautoplay-new');
    var playSlick = function() {
        $slick.slick('slickSetOption', {
          'autoplay': true,
           'autoplaySpeed': slideholdtime,
        }, true);
    };

     var slickOptions2 = {
        autoplay: true,
    // rest of options
    },
    $slick2 = $('.stepautoplay-exist');
    var playSlick2 = function() {
        $slick2.slick('slickSetOption', {
          'autoplay': true,
           'autoplaySpeed': slideholdtime,
        }, true);
    };

    var slickOptions3 = {
        autoplay: true,
    // rest of options
    },
    $slick3 = $('.stepautoplay-last');
    var playSlick3 = function() {
        $slick3.slick('slickSetOption', {
          'autoplay': true,
           'autoplaySpeed': slideholdtime,
        }, true);
    };

     var slickOptions4 = {
        autoplay: true,
    // rest of options
    },
    $slick4 = $('.stepautoplay-futu');
    var playSlick4 = function() {
        $slick4.slick('slickSetOption', {
          'autoplay': true,
           'autoplaySpeed': slideholdtime,
        }, true);
    };

    $('.subtabbtn').on('click', function () {
        resetSlickCurrent();
    });
    $('#tab3entry').on('click', function () {
        resetSlickCurrent();
        console.log($(".slickshell").height());
            var slickshellheight = $(".slickshell").height();

            var arrowheight = $(".prevArr").height();
            var arrowtop = (slickshellheight / 2) - (arrowheight / 2);
            $(".prevArr").css('margin-top',arrowtop);
            $(".nextArr").css('margin-top',arrowtop);
    });


    $('#sub1 .tabslide1 .steps li').on('click', function () {
        var steptarg = $(this).index();
        $(".stepautoplay-new").slick('slickGoTo',steptarg);
    });
    $('#sub1 .tabslide2  .steps li').on('click', function () {
        var steptarg = $(this).index();
        $(".stepautoplay-exist").slick('slickGoTo',steptarg);
    });
    $('#sub3 .steps li').on('click', function () {
        var steptarg = $(this).index();
        $(".stepautoplay-last").slick('slickGoTo',steptarg);
    });
    $('#sub4 .steps li').on('click', function () {
        var steptarg = $(this).index();
        $(".stepautoplay-futu").slick('slickGoTo',steptarg);
    });

    $('#sub1').find('.tabslide1 .prevArr').click(function(){
        console.log('clicked');
      $('.stepautoplay-new').slick('slickPrev');
    });

    $('#sub1').find('.tabslide1 .nextArr').click(function(){
      $('.stepautoplay-new').slick('slickNext');
    });

    $('#sub1').find('.tabslide2 .prevArr').click(function(){
        console.log('clicked');
      $('.stepautoplay-exist').slick('slickPrev');
    });

    $('#sub1').find('.tabslide2 .nextArr').click(function(){
      $('.stepautoplay-exist').slick('slickNext');
    });
    $('#sub3').find('.prevArr').click(function(){
        console.log('clicked');
      $('.stepautoplay-last').slick('slickPrev');
    });

    $('#sub3').find('.nextArr').click(function(){
      $('.stepautoplay-last').slick('slickNext');
    });

    $('#sub4').find('.prevArr').click(function(){
        console.log('clicked');
      $('.stepautoplay-futu').slick('slickPrev');
    });

    $('#sub4').find('.nextArr').click(function(){
      $('.stepautoplay-futu').slick('slickNext');
    });
});

function resetSlickCurrent(){
        $(".stepautoplay-new").slick('slickGoTo',0);
        $(".stepautoplay-exist").slick('slickGoTo',0);
        $(".stepautoplay-last").slick('slickGoTo',0);
        $(".stepautoplay-futu").slick('slickGoTo',0);
//        playSlick();
//        playSlick2();
}

// Batch 5 START

$(document).on('ready', function() {
  $('#sub1').find('.tabslide1 .prevTag').click(function(){
    $('.stepautoplay-new').slick('slickPrev');
  });

  $('#sub1').find('.tabslide1 .nextTag').click(function(){
    $('.stepautoplay-new').slick('slickNext');
  });

  $('#sub1').find('.tabslide2 .prevTag').click(function(){
    $('.stepautoplay-exist').slick('slickPrev');
  });

  $('#sub1').find('.tabslide2 .nextTag').click(function(){
    $('.stepautoplay-exist').slick('slickNext');
  });
  $('#sub3').find('.prevTag').click(function(){
    $('.stepautoplay-last').slick('slickPrev');
  });

  $('#sub3').find('.nextTag').click(function(){
    $('.stepautoplay-last').slick('slickNext');
  });

  $('#sub4').find('.prevTag').click(function(){
    $('.stepautoplay-futu').slick('slickPrev');
  });

  $('#sub4').find('.nextTag').click(function(){
    $('.stepautoplay-futu').slick('slickNext');
  });
  
	$('#newtab li a').on('click', function () {
	  $('.steps li:first-child a').trigger('click');
	});
})

// Batch 5 END