$(document).ready(function() {
 
				//rotation speed and timer
				var speed = 5000;
				var run = setInterval('rotate()', speed);				 
				//grab the width and calculate left value
				var item_width = $('#slider li').outerWidth(); 
				var left_value = item_width * (-1);					 
				//move the last item before first item, just in case user click prev button
				$('#slider li:first').before($('#slider li:last'));				 
				//set the default item to the correct position 
				$('#slider').css({'left' : left_value});
			 
				//if user clicked on prev button
				$('#seta_esquerda').click(function() {	
					clearInterval(run);		 		 
					//get the right position            
					var left_indent = parseInt($('#slider').css('left')) + item_width;			 
					//slide the item            
					$('#slider').css('opacity', 1).animate({'left' : left_indent,"opacity": 0.1}, 1000, "linear", function () {  			 
						//move the last item and put it as first item               
						$('#slider li:first').before($('#slider li:last'));			 
						//set the default item to correct position
						$('#slider').css({'left' : left_value});
					 	//console.log(left_value);
						
						$('#slider').css('opacity', 1);
						run = setInterval('rotate()', speed);
					});			 
					//cancel the link behavior            
					return false;						 
				});
			 
			  
				//if user clicked on next button
				$('#seta_direita').click(function() {			
					clearInterval(run);		 
					//get the right position
					var left_indent = parseInt($('#slider').css('left')) - item_width;					 
					//slide the item
					$('#slider').css('opacity', 1).animate({'left' : left_indent,"opacity": 0.1}, 1000, "linear", function () {						 
						//move the first item and put it as last item
						$('#slider li:last').after($('#slider li:first')); 
						//set the default item to correct position
						$('#slider').css({'left' : left_value});						
						$('#slider').css('opacity', 1);
						run = setInterval('rotate()', speed);
					 	//console.log(left_value);
					});							  
					//cancel the link behavior
					return false;
					 
				});        
				 
				//if mouse hover, pause the auto rotation, otherwise rotate it
				$('#slider').hover(					 
					function() {
						clearInterval(run);
					}, 
					function() {
						run = setInterval('rotate()', speed);   
					}
				); 
					 
			});
			 
			//a simple function to click next link
			//a timer will call this function, and the rotation will begin :)  
			function rotate() {
				$('#seta_direita').click();
			}