// JavaScript Document
$move_byOOD = 430;
$frame_leftOOD = 0;
$frame_noOOD = 1;




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

			$new_leftOOD = (($frame_leftOOD/1) + $move_byOOD);
			/* Check if we're moving too far over */
			if($new_frame_noOOD == 1)

				{$(".prevOOD").fadeOut();			}
			else if($frame_noOOD == $max_clicksOOD )
				{$(".nextOOD").fadeIn();}
			
			if($new_frame_noOOD <= 0)
				{
					/* Move the images all the way left, minus one frame */
					$new_leftOOD = -($move_byOOD*$max_clicksOOD)+$move_byOOD;
					$new_frame_noOOD = $max_clicksOOD;
					   
				}
			$new_left_attrOOD = $new_leftOOD+"px";
			$("#image_containerOOD").animate({left: $new_left_attrOOD}, 800 );
			$frame_leftOOD = $new_leftOOD;
			$frame_noOOD = $new_frame_noOOD;
			
		});
	$(".nextOOD").click(function()
		{
			/* Set the new position & frame number */
			$new_frame_noOOD = (($frame_noOOD/1)+1);
			$new_leftOOD = (($frame_leftOOD/1) - $move_byOOD);
			/* Check if we're moving too far over */
			
			if ($new_frame_noOOD == $max_clicksOOD)
				{$(".nextOOD").fadeOut();}
			else if ($frame_noOOD == 1)
			{$(".prevOOD").fadeIn();}
			
			if($new_frame_noOOD > $max_clicksOOD)
				{		
						/* Move all the way right, to the beginning*/
					$new_leftOOD = 0;
					$new_frame_noOOD = 1;
				
				}				
			$new_left_attrOOD = $new_leftOOD+"px";
			
			$("#image_containerOOD").animate({left: $new_left_attrOOD}, 800 );
			$frame_leftOOD = $new_leftOOD;
			$frame_noOOD = $new_frame_noOOD;
		});	
});