$(document).ready(function () {
	
	var curr = 0;
	var offset = 960;
	var total = 4;
	var timer = 8000;
	var t = setTimeout(function(){slide('forward')}, timer);
	
	$("#arrow-right").click(function(){slide('right')});
	$("#arrow-left").click(function(){slide('left')});
	
	$("#arrows").fadeOut('normal');
	
	$("#slider").mouseenter(function()
	{
		$("#arrows").stop().fadeTo('normal', 1);
		
	});
	
	$("#slider").mouseleave(function()
	{
		$("#arrows").stop().fadeTo('normal', 0);
	});
	
	$("#slider_ul li:first").before($("#slider_ul li:last"));
	
	function slide(dir)
	{
		clearTimeout(t);
		
		if(dir == 'right')
		{
			var item_width = $('#slider_ul li').outerWidth();
			var left_indent = parseInt($('#slider_ul').css('left')) - item_width;
			
			$('#slider_ul').clearQueue();
			$("#slider_ul").animate({'left' : left_indent}, 500, function()
			{
				$("#slider_ul li:last").after($("#slider_ul li:first"));
				$("#slider_ul").css({'left': '-960px'});
			});	
		}
		
		if(dir == 'left')
		{
			var item_width = $('#slider_ul li').outerWidth();
			var left_indent = parseInt($('#slider_ul').css('left')) + item_width;
			
			$('#slider_ul').clearQueue();
			$("#slider_ul").animate({'left': left_indent}, 500, function()
			{
				$("#slider_ul li:first").before($("#slider_ul li:last"));
				$("#slider_ul").css({'left': '-960px'});
			});	
		}
		
		
		t = setTimeout(function(){slide('right')}, timer);
	}

});