$(document).ready(function() {

	$("div#excerpt a#next").click(function(){
		$(this).addClass("page_2_on");
		$(this).removeClass("page_2");
		$("div#excerpt a#prev").removeClass("page_1_on");
		$("div#excerpt a#prev").addClass("page_1");
	});
	
	$("div#excerpt a#prev").click(function(){
		$(this).addClass("page_1_on");
		$(this).removeClass("page_1");
		$("div#excerpt a#next").removeClass("page_2_on");
		$("div#excerpt a#next").addClass("page_2");
	});

	//rotation speed and timer
	var speed = 5000;
	
	//grab the width and calculate left value
	var item_width = $('#slides li').outerWidth(); 
	var left_value = item_width * (-1); 
        
    //move the last item before first item, just in case user click prev button
	$('#slides li:first').before($('#slides li:last'));
	
	//set the default item to the correct position 
	$('#slides ul').css({'left' : left_value});

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

		//get the right position            
		var left_indent = parseInt($('#slides ul').css('left')) + item_width;
		var _offset = $('#page1').offset().left - $('#slides').offset().left;
		
		if (_offset !== 0) {
		
			//slide the item            
			$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200,function(){    
	
	            //move the last item and put it as first item            	
				$('#slides li:first').before($('#slides li:last'));           
	
				//set the default item to correct position
				$('#slides ul').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($('#slides ul').css('left')) - item_width;
		var _offset = $('#page1').offset().left - $('#slides').offset().left;
		
		if (_offset !== -753) {
		
			//slide the item
			$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function () {
	            
	            //move the first item and put it as last item
				$('#slides li:last').after($('#slides li:first'));                 	
				
				//set the default item to correct position
				$('#slides ul').css({'left' : left_value});
			
			});
			         
		}
		//cancel the link behavior
		return false;
		
	});          
});