jQuery(document).ready(function() {

	//rotation speedester and timer
	var speedester = 2500;
	var runinin = setInterval('rotaterer()', speedester);	
	
	//grab the width and calcul#fc_cat_scrollerrate left value
	var item_widther = jQuery('.slideserer ul#fc_cat_scrollerr li').outerWidth(); 
	
	var left_valueer = (20 + item_widther) * (-1); 
	
	jQuery('.slideserer ul#fc_cat_scrollerr li').css({position: "static"});
        
    //move the last item before first item, just in case user click prev button
	jQuery('.slideserer ul#fc_cat_scrollerr li:first').before(jQuery('.slideserer ul#fc_cat_scrollerr li:last'));
	
	//set the defaul#fc_cat_scrollerrt item to the correct position 
	jQuery('.slideserer ul#fc_cat_scrollerr').css({'left' : left_valueer});

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

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

		//slide the item            
		jQuery('.slideserer ul#fc_cat_scrollerr').animate({'left' : left_indent}, 200,function(){    

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

			//set the defaul#fc_cat_scrollerrt item to correct position
			jQuery('.slideserer ul#fc_cat_scrollerr').css({'left' : left_valueer});
		
		});

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

 
    //if user clicked on next button
	jQuery('#next4').click(function() {
		
		//get the right position
		var left_indent = parseInt(jQuery('.slideserer ul#fc_cat_scrollerr').css('left')) - item_widther;
		
		//slide the item
		jQuery('.slideserer ul#fc_cat_scrollerr').animate({'left' : left_indent}, 200, function () {
            
            //move the first item and put it as last item
			jQuery('.slideserer ul#fc_cat_scrollerr li:last').after(jQuery('.slideserer ul#fc_cat_scrollerr li:first'));                 	
			
			//set the defaul#fc_cat_scrollerrt item to correct position
			jQuery('.slideserer ul#fc_cat_scrollerr').css({'left' : left_valueer});
		
		});
		         
		//cancel the link behavior
		return false;
		
	});        
	
	//if mouse hover, pause the auto rotation, otherwise rotater it
	jQuery('.slideserer').hover(
		
		function() {
			clearInterval(runinin);
		}, 
		function() {
			runinin = setInterval('rotaterer()', speedester);	
		}
	); 
	
	
        
});

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