function slideSwitch() { var $active = $('#slideshow DIV.active'); if ( $active.length == 0 ) $active = $('#slideshow DIV:last'); var $next = $active.next().length ? $active.next() : $('#slideshow DIV:first'); $active.addClass('last-active'); $next.css({opacity: 0.0}) .addClass('active') .animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); }); } $(function() { $("#slideshow DIV").css({opacity: 0.0}); $("#slideshow DIV:first").css({opacity: 1.0}); var playSlideShow = setInterval( "slideSwitch()", 5000 ); $("#slideshow").hover(function(){ clearInterval(playSlideShow); },function(){ playSlideShow = setInterval( "slideSwitch()", 5000 ); }); });