jQuery(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 = jQuery('#slides li').outerWidth(); 
	var left_value = item_width * (0); 
        
    //move the last item before first item, just in case user click prev button
	jQuery('#slides li:first').before(jQuery('#slides li:last'));
	
	//set the default item to the correct position 
	jQuery('#slides ul').css({'left' : left_value});

    //if user clicked on prev button
	jQuery('#prev').click(function() {

		//get the right position            
		var left_indent = parseInt(jQuery('#slides ul').css('left')) + item_width;

		//slide the item            
		jQuery('#slides ul:not(:animated)').animate({'left' : left_indent}, 500,function(){    

            //move the last item and put it as first item            	
			jQuery('#slides li:first').before(jQuery('#slides li:last'));           

			//set the default item to correct position
			jQuery('#slides ul').css({'left' : left_value});
		
		});

		//cancel the link behavior            
		return false;
            
	});

 
    //if user clicked on next button
	jQuery('#next').click(function() {
		
		//get the right position
		var left_indent = parseInt(jQuery('#slides ul').css('left')) - item_width;
		
		//slide the item
		jQuery('#slides ul:not(:animated)').animate({'left' : left_indent}, 250, function () {
            
            //move the first item and put it as last item
			jQuery('#slides li:last').after(jQuery('#slides li:first'));                 	
			
			//set the default item to correct position
			jQuery('#slides ul').css({'left' : left_value});
		
		});
		         
		//cancel the link behavior
		return false;
		
	});        
	

        
});

jQuery(document).ready(function() {

	//rotation speed and timer
	var speed = 3000;
	var run = setInterval('rotate1()', speed);	
	
	//grab the width and calculate left value
	var item_width = jQuery('#slides1 li').outerWidth(); 
	var left_value = item_width * (0); 
        
    //move the last item before first item, just in case user click prev button
	jQuery('#slides1 li:first').before(jQuery('#slides1 li:last'));
	
	//set the default item to the correct position 
	jQuery('#slides1 ul').css({'left' : left_value});

    //if user clicked on prev button
	jQuery('#prev1').click(function() {

		//get the right position            
		var left_indent = parseInt(jQuery('#slides1 ul').css('left')) + item_width;

		//slide the item            
		jQuery('#slides1 ul:not(:animated)').animate({'left' : left_indent}, 500,function(){    

            //move the last item and put it as first item            	
			jQuery('#slides1 li:first').before(jQuery('#slides1 li:last'));           

			//set the default item to correct position
			jQuery('#slides1 ul').css({'left' : left_value});
		
		});

		//cancel the link behavior            
		return false;
            
	});

 
    //if user clicked on next button
	jQuery('#next1').click(function() {
		
		//get the right position
		var left_indent = parseInt(jQuery('#slides1 ul').css('left')) - item_width;
		
		//slide the item
		jQuery('#slides1 ul:not(:animated)').animate({'left' : left_indent}, 500, function () {
            
            //move the first item and put it as last item
			jQuery('#slides1 li:last').after(jQuery('#slides1 li:first'));                 	
			
			//set the default item to correct position
			jQuery('#slides1 ul').css({'left' : left_value});
		
		});
		         
		//cancel the link behavior
		return false;
		
	});        
	

        
});

//a simple function to click next link
//a timer will call this function, and the rotation will begin :)  
function rotate1() {
jQuery('#next1').click();
}   

function rotate() {
jQuery('#next').click();
}