$(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 = $('.slide').outerWidth(); 
	var left_value = item_width * (-1)-45; 
		
	//move the last item before first item, just in case user click prev button
	$('.slide:first').before($('.slide:last'));
	
	//set the default item to the correct position 
	$('.slider .slider-inner').css({'left' : left_value});

	//if user clicked on prev button
	$('.prev').click(function() {

		//get the right position            
		var left_indent = parseInt($('.slider .slider-inner').css('left')) + item_width;

		//slide the item            
		$('.slider .slider-inner:not(:animated)').animate({'left' : left_indent}, 400,function(){    

			//move the last item and put it as first item            	
			$('.slide:first').before($('.slide:last'));           

			//set the default item to correct position
			$('.slider .slider-inner').css({'left' : left_value});
		
		});

		//cancel the link behavior            
		return false;
			
	});

 
	//if user clicked on next button
	$('.next').click(function() {
		
		//get the right position
		var left_indent = parseInt($('.slider .slider-inner').css('left')) - item_width;
		
		//slide the item
		$('.slider .slider-inner:not(:animated)').animate({'left' : left_indent}, 400, function () {
			
			//move the first item and put it as last item
			$('.slide:last').after($('.slide:first'));                 	
			
			//set the default item to correct position
			$('.slider .slider-inner').css({'left' : left_value});
		
		});
				 
		//cancel the link behavior
		return false;
		
	});        
	
	//if mouse hover, pause the auto rotation, otherwise rotate it
	$('.header').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() {
	$('.next').click();
}
