// JavaScript Document
$move_byed = 560;
$frame_lefted = 0;
$frame_noed = 1;




$(document).ready(function()
{
	
	$max_clicksed = $("#image_containered").children().size(); 	
	
	/* Kudos to Rob MacKay [http://www.twitter.com/svgrob] for suggesting that we don't have to put a edic style="width: 3960px" attribute in the div tag */
		$(".preved").fadeOut();
	$(".preved").click(function()
								
		{
   			/* Set the new position & frame number */
			$new_frame_noed = (($frame_noed/1)-1);

			$new_lefted = (($frame_lefted/1) + $move_byed);
			/* Check if we're moving too far over */
			
			if($new_frame_noed == 1)

				{$(".preved").fadeOut(); $(".nexted").fadeIn();				}
			else if($frame_noed == $max_clicksed )
				{$(".nexted").fadeIn();}
			
			if($new_frame_noed <= 0)
				{
					/* Move the images all the way left, minus one frame */
					$new_lefted = -($move_byed*$max_clicksed)+$move_byed;
					$new_frame_noed = $max_clicksed;
					   
				}
			$new_left_attred = $new_lefted+"px";
			$("#image_containered").animate({left: $new_left_attred}, 800 );
			$frame_lefted = $new_lefted;
			$frame_noed = $new_frame_noed;
			
		});
	$(".nexted").click(function()
		{
			/* Set the new position & frame number */
			$new_frame_noed = (($frame_noed/1)+1);
			$new_lefted = (($frame_lefted/1) - $move_byed);
			/* Check if we're moving too far over */
			
			if ($new_frame_noed == $max_clicksed)
				{$(".nexted").fadeOut();
		
				}
			if ($frame_noed == 1)
			{$(".preved").fadeIn();

			}
	
		
			
			if($new_frame_noed > $max_clicksed)
				{		
						/* Move all the way right, to the beginning*/
					$new_lefted = 0;
					$new_frame_noed = 1;
				
				}				
			$new_left_attred = $new_lefted+"px";
			
			$("#image_containered").animate({left: $new_left_attred}, 800 );
			$frame_lefted = $new_lefted;
			$frame_noed = $new_frame_noed;
		});	
});