$(document).ready(function() {
  
	//click right
	$('a#rarr').click(function(event){
		var img = document.getElementById('main_img'); 
		var width = img.clientWidth;
		var p = $("#main_img:first");
		var position = p.position();	
		var pleft = Math.ceil ( position.left );
		var to = '0';
		
 
		if(   pleft == 0)
		{
			$('#larr').addClass('no_display');	
		} 
		
		//Need to do this for images with a few pixels extra
		//plus some browsers add 10 pixels here and there.  (IE7)
		var w = width + (pleft - 1300  );
		var r = Math.round( w/50 );
		w = r*50;
 

		
		$('#larr, #rarr').addClass('no_display');	
			  $('#main_img').animate({
				    left: '-=650px' 
				  }, 1000, function() {
					    // Animation complete.
					  
						$('#larr, #rarr').removeClass('no_display');
						if( w  == 0)
						{
							$('#rarr').addClass('no_display');	
						} 							
		});			
 	  event.preventDefault();
	}); //END function
	
	//click left
	$('a#larr').click(function(event){
		
		var img = document.getElementById('main_img'); 
		var width = img.clientWidth; 
		var p = $("#main_img:first");
		var position = p.position();
		var pleft = Math.ceil (  position.left );
		var to = '0';
		if(  pleft  == 0)
		{
			$('#larr').addClass('no_display');	
		} 
		if( width + (pleft - 1300) == 0)
		{
			$('#rarr').addClass('no_display');	
		} 
		
		$('#larr, #rarr').addClass('no_display');	
		  $('#main_img').animate({
			    left: '+=650px' 
			  }, 1000, function() {
					$('#larr, #rarr').removeClass('no_display');
			 
					if( pleft  == -650)
					{
						$('#larr').addClass('no_display');	
					} 						
			    // Animation complete.
			  });		
	  event.preventDefault();
	}); //END function	 $('#larr, #rarr').addClass('no_display');	
	
	//Img chooser item 1
	$('a#img1').click(function(event){
		 $('#larr, #rarr').addClass('no_display');	
		  $('#main_img').animate({
			    left: '0px' 
			  }, 1000, function() {
					 $('#rarr').removeClass('no_display');					  
			    // Animation complete.
			  });
	  event.preventDefault();
	});	
	//Img chooser item 1
	$('a#img1_mid').click(function(event){
		 $('#larr, #rarr').addClass('no_display');	
		  $('#main_img').animate({
			    left: '0px' 
			  }, 1000, function() {				  
			    // Animation complete.
					 $('#rarr').removeClass('no_display');		
					 $('#larr').removeClass('no_display');						 
			  });
	  event.preventDefault();
	});	
	//Img chooser item 2	
	$('a#img2').click(function(event){
		 $('#larr, #rarr').addClass('no_display');	
		  $('#main_img').animate({
			    left: '-650px' 
			  }, 1000, function() {				
			    // Animation complete.
			  });
	  event.preventDefault();
	});	 //END function

	//Img chooser item 2	
	$('a#img2_mid').click(function(event){
		 $('#larr, #rarr').addClass('no_display');	
		  $('#main_img').animate({
			    left: '-650px' 
			  }, 1000, function() {				
			    // Animation complete.
					 $('#rarr').removeClass('no_display');		
					 $('#larr').removeClass('no_display');					  
			  });
	  event.preventDefault();
	});	 //END function
	
	$('a#img2_last').click(function(event){
		 $('#larr, #rarr').addClass('no_display');	
		  $('#main_img').animate({
			    left: '-650px' 
			  }, 1000, function() {				
			    // Animation complete.
					 $('#rarr').addClass('no_display');		
					 $('#larr').removeClass('no_display');						  
			  });
	  event.preventDefault();
	});	 //END function
	
	//Img chooser item 3		
	$('a#img3').click(function(event){
		 $('#larr, #rarr').addClass('no_display');			
		  $('#main_img').animate({
			    left: '-1300px' 
			  }, 1000, function() {
			    // Animation complete.
			  });
	  event.preventDefault();
	});	 //END function
	$('a#img3_mid').click(function(event){
		 $('#larr, #rarr').addClass('no_display');			
		  $('#main_img').animate({
			    left: '-1300px' 
			  }, 1000, function() {
			    // Animation complete.
					 $('#rarr').removeClass('no_display');		
					 $('#larr').removeClass('no_display');						  
			  });
	  event.preventDefault();
	});	 //END function
	
	$('a#img3_last').click(function(event){
		 $('#larr, #rarr').addClass('no_display');			
		  $('#main_img').animate({
			    left: '-1300px' 
			  }, 1000, function() {
			    // Animation complete.
					 $('#larr').removeClass('no_display');		
					 $('#rarr').addClass('no_display');					  
			  });
	  event.preventDefault();
	});	 //END function
		  
	//Img chooser item 4		
	$('a#img4').click(function(event){
		 $('#larr, #rarr').addClass('no_display');			
		  $('#main_img').animate({
			    left: '-1950px' 
			  }, 1000, function() { 
			    // Animation complete. 	  
			  });
	  event.preventDefault();
	});	 //END function

	$('a#img4_mid').click(function(event){
		 $('#larr, #rarr').addClass('no_display');			
		  $('#main_img').animate({
			    left: '-1950px' 
			  }, 1000, function() { 
			    // Animation complete. 	
					 $('#rarr').removeClass('no_display');		
					 $('#larr').removeClass('no_display');							 
			  });
	  event.preventDefault();
	});	 //END function

	$('a#img4_last').click(function(event){
		 $('#larr, #rarr').addClass('no_display');			
		  $('#main_img').animate({
			    left: '-1950px' 
			  }, 1000, function() { 
			    // Animation complete.
					 $('#larr').removeClass('no_display');		
					 $('#rarr').addClass('no_display');					  
			  });
	  event.preventDefault();
	});	 //END function	
	
	//Img chooser item 2		
	$('a#img5').click(function(event){
		 $('#larr, #rarr').addClass('no_display');			
		  $('#main_img').animate({
			    left: '-2600px' 
			  }, 1000, function() {
			    // Animation complete.
					 $('#rarr').addClass('no_display');		
					 $('#larr').removeClass('no_display');							 
			  });
	  event.preventDefault();
	});	 //END function
	$('a#img5_mid').click(function(event){
		 $('#larr, #rarr').addClass('no_display');			
		  $('#main_img').animate({
			    left: '-2600px' 
			  }, 1000, function() { 
			    // Animation complete. 	
					 $('#rarr').removeClass('no_display');		
					 $('#larr').removeClass('no_display');							 
			  });
	  event.preventDefault();
	});	 //END function


	//Img chooser item 2		
	$('a#img6').click(function(event){
		 $('#larr, #rarr').addClass('no_display');			
		  $('#main_img').animate({
			    left: '-3250px' 
			  }, 1000, function() {
			    // Animation complete.
					 $('#rarr').addClass('no_display');		
					 $('#larr').removeClass('no_display');							 
			  });
	  event.preventDefault();
	});	 //END function	
	
}); //END Document.ready