// JavaScript Document

$move_by_pixel = 1200;$move_by_percent = 50;$frame_left = 0;$frame_no = 1;$start_middle = 1;
$(document).ready(function()
{
	$max_clicks = $("#image_container").children().size(); 	
	$imgCont = $move_by_pixel * $max_clicks; 
	$("#image_container").css({width : $imgCont}); 
	if($start_middle == 1)
		{
		//	$new_frame_no = ($max_clicks-1).toFixed(0) /2
			$new_frame_no = ($max_clicks-2).toFixed(0)
			$new_left = -($new_frame_no * $move_by_percent);						
			$new_left_attr = $new_left+"%";
			$("#image_container").animate({left: $new_left_attr}, 2500 );	// milliseconds
			$frame_left = $new_left;
			$frame_no = ($new_frame_no/1 + 1);
		}
	
	$(".prev").click(function()
		{
			$new_frame_no = (($frame_no/1)-1);
			$new_left = (($frame_left/1) + $move_by_percent);
			if($new_frame_no <= 0)
				{
					$new_left = -($move_by_percent*$max_clicks)+($move_by_percent*2);
					$new_frame_no = $max_clicks;
				}
			$new_left_attr = $new_left+"%";
			$("#image_container").animate({left: $new_left_attr}, 800 ); // milliseconds
			$frame_left = $new_left;
			$frame_no = $new_frame_no;
			
		});

	$(".next").click(function()
		{
			$new_frame_no = (($frame_no/1)+1);
			$new_left = (($frame_left/1) - $move_by_percent);
			if($new_frame_no >= $max_clicks)
				{		
					$new_left = 0;
					$new_frame_no = 1;
				}				
			$new_left_attr = $new_left+"%";
			$("#image_container").animate({left: $new_left_attr}, 800 ); // milliseconds
			$frame_left = $new_left;
			$frame_no = $new_frame_no;
		});	
});