$(document).ready(function() {

	var item_widthA = $('#slide1 li').outerWidth(); 
	var item_widthB = $('#slide2 li').outerWidth(); 
	var item_widthC = $('#slide3 li').outerWidth(); 
	
	var left_valueA = item_widthA * (-1); 
	var left_valueB = item_widthB * (-1); 
	var left_valueC = item_widthC * (-1); 

	$('#slide1 li:first').before($('#slide1 li:last'));
	$('#slide2 li:first').before($('#slide2 li:last'));
	$('#slide3 li:first').before($('#slide3 li:last'));
	
	$('#slides #slide1').css({'left' : left_valueA});
	$('#slides #slide2').css({'left' : left_valueB});
	$('#slides #slide3').css({'left' : left_valueC});

	$('#prev').click(function() {

		//get the right position            
		var left_indentA = parseInt($('#slides #slide1').css('left')) + item_widthA;
		var left_indentB = parseInt($('#slides #slide2').css('left')) + item_widthB;
		var left_indentC = parseInt($('#slides #slide3').css('left')) + item_widthC;
  
	

		
		setTimeout(function() 
		{
			$('#slides #slide1:not(:animated)').animate({'left' : left_indentA}, {
				duration: 1000, 
				easing: 'easeOutElastic', 
				complete: function(){           	
					$('#slide1 li:first').before($('#slide1 li:last'));           
					$('#slides #slide1').css({'left' : left_valueA});	
				}
			});
		},0);
		
		setTimeout(function() 
		{
			$('#slides #slide2:not(:animated)').animate({'left' : left_indentB}, {
				duration: 1000, 
				easing: 'easeOutElastic', 
				complete: function(){           	
				$('#slide2 li:first').before($('#slide2 li:last'));           
				$('#slides #slide2').css({'left' : left_valueB});	
				}
			});
		},100);
		
		setTimeout(function() 
		{
			$('#slides #slide3:not(:animated)').animate({'left' : left_indentC}, {
				duration: 1000, 
				easing: 'easeOutElastic', 
				complete: function(){
				$('#slide3 li:first').before($('#slide3 li:last'));           
				$('#slides #slide3').css({'left' : left_valueC});	
				}
			});
		},200);
		          
		return false;
            
	});

	$('#next').click(function() {
		
		var left_indentA = parseInt($('#slides #slide1').css('left')) - item_widthA;
		var left_indentB = parseInt($('#slides #slide2').css('left')) - item_widthB;
		var left_indentC = parseInt($('#slides #slide3').css('left')) - item_widthC;


		setTimeout(function() 
		{
			$('#slides #slide1:not(:animated)').animate({'left' : left_indentA},  {
				duration: 1000, 
				easing: 'easeOutElastic', 
				complete: function(){
				$('#slides #slide1 li:last').after($('#slides #slide1 li:first'));                 	
				$('#slides #slide1').css({'left' : left_valueA});
				}
			});
		},0);
		
		setTimeout(function() 
		{
			$('#slides #slide2:not(:animated)').animate({'left' : left_indentB}, {
				duration: 1000, 
				easing: 'easeOutElastic', 
				complete: function(){           	
				$('#slides #slide2 li:last').after($('#slides #slide2 li:first'));                 	
				$('#slides #slide2').css({'left' : left_valueB});
				}
			});
		},100);
		
		setTimeout(function() 
		{
			$('#slides #slide3:not(:animated)').animate({'left' : left_indentC}, {
				duration: 1000, 
				easing: 'easeOutElastic', 
				complete: function(){           	
				$('#slides #slide3 li:last').after($('#slides #slide3 li:first'));                 	
				$('#slides #slide3').css({'left' : left_valueC});
				}
			});
		},200);
		
		return false;		
	});        
	      
});