[skrudjmakdak]

вот там такой код. весь..

$(document).ready(function() {  
        //move the last list item before the first item. The purpose of this is if the user clicks previous he will be able to see the last item.  
        $('#carousel_ul li:first').before($('#carousel_ul li:last'));  
  
        //when user clicks the image for sliding right  
        $('#right_scroll img').click();  
  
        //when user clicks the image for sliding left  
        $('#left_scroll img').click(function(){  
  
            var item_width = $('#carousel_ul li').outerWidth() + 10;  
  
            /* same as for sliding right except that it's current left indent + the item width (for the sliding right it's - item_width) */  
            var left_indent = parseInt($('#carousel_ul').css('left')) + item_width;  
  
            $('#carousel_ul').animate({'left' : left_indent},{queue:false, duration:500},function(){  
  
            /* when sliding to left we are moving the last item before the first item */  
            $('#carousel_ul li:first').before($('#carousel_ul li:last'));  
  
            /* and again, when we make that change we are setting the left indent of our unordered list to the default -210px */  
            $('#carousel_ul').css({'left' : '-210px'});  
            });  
  
        });  
  });

и есть функция при клике.. сам клик убираем и присваиваем функции имя, получается:

var click_img = function() {  

	//get the width of the items ( i like making the jquery part dynamic, so if you change the width in the css you won't have o change it here too ) '  
	var item_width = $('#carousel_ul li').outerWidth() + 10;  

	//calculate the new left indent of the unordered list  
	var left_indent = parseInt($('#carousel_ul').css('left')) - item_width;  

	//make the sliding effect using jquery's anumate function '  
	$('#carousel_ul').animate({'left' : left_indent},{queue:false, duration:500},function(){  

		//get the first list item and put it after the last list item (that's how the infinite effects is made) '  
		$('#carousel_ul li:last').after($('#carousel_ul li:first'));  

		//and get the left indent to the default -210px  
		$('#carousel_ul').css({'left' : '-210px'});  
	});  
}

теперь эту функцию надо вызывать:

var time_img; 
$('#left_scroll img').mouseover(function(){
	time_img = setInterval(click_img, 2000);// вызывать нашу функцию каждые 2 секунды
	});

$('#left_scroll img').mouseout(function(){
	clearInterval(time_img);// убираем мышку, убираем вызов нашей функции по интервалу
	});