$(function() { function slider() { listSize = $('.block-slider-container').find('li').size(); slideWidth = $('.block-slider-container').find('li').width(); currentIndex = 1; delay = 3000; speed = 500; //slide forward function forward() { if (currentIndex == listSize) { $('.block-slider-container').animate({'right': '0'}); currentIndex = 1; } else { $('.block-slider-container').animate({'right': '-='+slideWidth+''}, speed, 'easeInOutExpo'); currentIndex = currentIndex+1; } imgTimer = setTimeout(forward, delay); } //slide backward function backward() { if (currentIndex !== 1) { $('.block-slider-container').animate({'right': '+='+slideWidth+''}, speed, 'easeInOutExpo'); currentIndex = currentIndex-1; imgTimer = setTimeout(forward, delay); } } //next $('#slider-next').click(function() { imgTimer = window.clearTimeout(imgTimer); forward(); }); //back $('#slider-prev').click(function() { imgTimer = window.clearTimeout(imgTimer); backward(); }); //stop slider on hover $('.block-slider-container').hover(function() { imgTimer = window.clearTimeout(imgTimer); }, function() { imgTimer = setTimeout(forward, delay); }); //run slider forward(); } slider(); });