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

    var slideholdtime = 8000;
    $('.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-new').on('afterChange', function(event, slick, currentSlide){
        var currentSlideNew = $('.stepautoplay-new').slick('slickCurrentSlide') ;
        $("#sub1").find(".steps li").removeClass('currentStep');
        $("#sub1").find(".steps li").eq(currentSlideNew).toggleClass('currentStep');
    });

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

    $('.subtabbtn').on('click', function () {
        resetSlickCurrent();
    });
    $('#sub1 .steps li').on('click', function () {
        var steptarg = $(this).index();
        $(".stepautoplay-new").slick('slickGoTo',steptarg);
    });
    $('#sub2 .steps li').on('click', function () {
        var steptarg = $(this).index();
        $(".stepautoplay-exist").slick('slickGoTo',steptarg);
    });


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

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

    $('#sub2').find('.prevArr').click(function(){
      $('.stepautoplay-exist').slick('slickPrev');
    });

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

});

function resetSlickCurrent(){
        $(".stepautoplay-new").slick('slickGoTo',0);
        $(".stepautoplay-exist").slick('slickGoTo',0);
}

// Batch 5 START

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

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

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

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

// Batch 5 END