$(document).ready(function() {
	$(function() {
		$(".filmStrip").jCarouselLite({
			btnNext: ".next",
			btnPrev: ".prev",
			easing: "easein",
			speed: 1500,
			visible: 5,
			scroll: 5
		});
	});
	
	//click a thumbnail	
	$('.thumb > a').click(function(){								

		//get the URL for the picture from the id attribute
		var medImageID = $(this).children("img").attr("id");
		medImageURL = "images/filmstrip/medium/" + medImageID + ".jpg";
		
		//adds the loading image  
		$('#contentPhoto').addClass('loading');	
		
		//fade the current picture
		$('#contentPhoto > img').fadeOut( 'slow' , function(){    
			
			//Init a new image object
			var img = new Image();		
			//function runs once the new image is loaded into memory
			$(img).load(function (){    
				
				//image starts hidden
				$(this).hide();		
				$('#contentPhoto > img').attr('src', medImageURL).fadeIn( function(){
							
							//remove the loading image after the new picture fades in
							$('#contentPhoto').removeClass('loading');		
																			  });  //fade the image in
			//sets the source of the image to load to the URL found above
			}).attr('src', medImageURL);		
			
		});
	});
});