var int;

function forward()
{
	var item_width = ($('#scroller_ul li').outerWidth() + 2);
	var left_indent = parseInt($('#scroller_ul').css('left')) + (item_width);
   	
   	$('#scroller_ul:not(:animated)').animate({'left' : left_indent}, 600, function()
    {
    	$('#scroller_ul li:first').before($('#scroller_ul li:last'));    
       	$('#scroller_ul').css({'left' : -item_width});
    });
}

function back()
{
	var item_width = $('#scroller_ul li').outerWidth() + 2;
    var left_indent = parseInt($('#scroller_ul').css('left')) - item_width;
   	
   	$('#scroller_ul:not(:animated)').animate({'left' : left_indent}, 600, function()
   	{
   		$('#scroller_ul li:last').after($('#scroller_ul li:first'));    
   		$('#scroller_ul').css({'left' : -item_width});
    });
}

$(document).ready(function () {
	jQuery.easing.def = "easeInOutQuad";
	
	$('#scroller_ul li:first').before($('#scroller_ul li:last'));
			
	$("#right-click").mouseenter(function(){
		window.clearInterval(int);
		back();
		int = window.setInterval('back()', 800);
	}).mouseleave(function(){
		window.clearInterval(int);
		int = window.setInterval('back()', 3000);
	});
	
	$("#left-click").mouseenter(function(){
		window.clearInterval(int);
		forward();
		int = window.setInterval('forward()', 800);
	}).mouseleave(function(){
		window.clearInterval(int);
		int = window.setInterval('back()', 3000);
	});
	
	int = window.setInterval('back()', 3000);
	
});