/*Slide variable*/ var prevslide2=1; /*Number of slides*/ var slides2=$("ul.slides2 li").size(); /*Autoplay slide time*/ var slidetime2=30000; var timer=setTimeout(autoplay2, slidetime2); function autoplay2() { $(".progress-bar2").animate({ width: "100%", opacity: 1 }, slidetime2, function() { nextslide2(); }); }; function resettimer2() { $(".progress-bar2").stop(); $(".progress-bar2").css( "width", "1px" ); $(".progress-bar2").css( "opacity", "0.2" ); clearTimeout(timer); autoplay2(); } function nextslide2() { resettimer2(); var activeslide2 = 1; if (prevslide2!=slides2) {activeslide2 = prevslide2+1;} $('.tk-thumbnails2').find('*').removeClass("active2"); $(".tk-thumbnails2 .thumbnail-item2:nth-child("+ activeslide2 +")").addClass("active2"); /*Switch slide*/ $(".slides2-container ul.slides2 li:nth-child("+ activeslide2 +")").addClass("active2"); $(".slides2-container ul.slides2 li:nth-child("+ prevslide2 +")").removeClass("active2"); /*Remember this slide*/ prevslide2=activeslide2; }; /*Switch by thumbnails*/ $('.thumbnail-item2 a').mouseover( function () { /*The new slide is going to be the clicked one*/ var activeslide2=($(".thumbnail-item2 a").index(this))+1; /*Prevent action if clicking on the active slide*/ if (prevslide2!=activeslide2) { resettimer2(); /*Switch thumbnail*/ $('.tk-thumbnails2').find('*').removeClass("active2"); $(".tk-thumbnails2 .thumbnail-item2:nth-child("+ activeslide2 +")").addClass("active2"); /*Switch slide*/ $(".slides2-container ul.slides2 li:nth-child("+ activeslide2 +")").addClass("active2"); $(".slides2-container ul.slides2 li:nth-child("+ prevslide2 +")").removeClass("active2"); /*Remember this slide*/ prevslide2=activeslide2;} }); ///Pause current slide if interaction /*$('.slides2-container').mouseenter( function () { $(".progress-bar2").stop(); clearTimeout(timer); }); //Resume autoplay - restart timer $('.slides2-container').mouseleave( function () { resettimer2(); });*/ autoplay2();