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

    cateCollapse();
    
    //var slideholdtime = 10000;
    
    $('.stepautoplay-new').slick({
        lazyLoad: 'ondemand',
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows: false,
        autoplay: false,
        //fade: true,
        //'autoplaySpeed': slideholdtime,
    });
    
    
    $('.stepautoplay-s5').slick({
        lazyLoad: 'ondemand',
        swipe: false,
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows: false,
        autoplay: false,
        fade: true,
    });
    
    $('.stepautoplay-s6').slick({
        lazyLoad: 'ondemand',
        swipe: false,
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows: false,
        autoplay: false,
        fade: true,
    });
    
    $('.stepautoplay-s7').slick({
        lazyLoad: 'ondemand',
        swipe: false,
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows: false,
        autoplay: false,
        fade: true,
    });

	
	$('.stepautoplay-new').on('init', function(event, slick){
		//console.log("initialized");
	});


    $('.stepautoplay-new').on('afterChange', function(event, slick, currentSlide){
        var currentSlideNew = $('.stepautoplay-new').slick('slickCurrentSlide') ;
        $(".steplist li").removeClass('active');
        $(".steplist li").eq(currentSlideNew).toggleClass('active');
        $(".manueldrop").prop('selectedIndex', currentSlideNew).show();
        //console.log(currentSlideNew);
    });

//    var slickOptions = {
//        autoplay: true,
//    // rest of options
//    },
//    $slick = $('.stepautoplay-new');
//    var playSlick = function() {    
//        $slick.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);
    });
    
    
    $('.steplist li').on('click', function () {
        var steptarg = $(this).index();
        $(".stepautoplay-new").slick('slickGoTo',steptarg);
        $(".manueldrop").prop('selectedIndex', steptarg).show();
    });
    $('.manueldrop').on('change', function() {
		var manuelval = $(this).val() - 1;
        $(".stepautoplay-new").slick('slickGoTo',manuelval);
        $('.tabPILLS a').removeClass('active');
        $(".tabPILLS a").eq(manuelval).addClass('active');
    });

    $('.indicatiorLIST.s5 li a').on('click', function () {
        var lieq = $(this).parent().index();
        //console.log(lieq);
        $(".stepautoplay-s5").slick('slickGoTo',lieq);
        if($(window).width() < 768){
               $("html, body").animate({ scrollTop: ($(".stepautoplay-new").offset().top - 95) }, 500);
        }
    });
    
    $('.indicatiorLIST.s6 li a').on('click', function () {
        var lieq = $(this).parent().index();
        //console.log(lieq);
        $(".stepautoplay-s6").slick('slickGoTo',lieq);
        if($(window).width() < 768){
               $("html, body").animate({ scrollTop: ($(".stepautoplay-new").offset().top - 95) }, 500);
        }
    });
    
    $('.indicatiorLIST.s7 li a').on('click', function () {
        var lieq = $(this).parent().index();
        //console.log(lieq);
        $(".stepautoplay-s7").slick('slickGoTo',lieq);
        if($(window).width() < 768){
               $("html, body").animate({ scrollTop: ($(".stepautoplay-new").offset().top - 95) }, 500);
        }
    });
    

    
//    $('#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);
//        playSlick();
//        playSlick2();
}

function cateCollapse(){
    
    var cateLength = $('.steplist li').length;
        var opts = '';
        var i;
        var fake_i;
        //create option
        for (i = 0; i < cateLength; i++) { 
            fake_i = i + 1;
            opts = opts + '<option value="' + fake_i + '">' + $('.steplist li').eq(i).text() + '</option>';
        }
        $('.manueldrop').html(opts); 
    
    if ($(document).width() <= 992) {
         
    }  
}