$(document).ready(function(){
	$("#thumbs a").each(function(){
		$(this).attr({'rel': $(this).attr('href')}); // Set 'rel' to current 'href'
		$(this).attr({'href': 'javascript:void(0);'});
	});
	$("#photo_caption").html( $("#thumbs tr td a").attr('title'));
});
$(document).ready(function(){
	var caption = $("#photo_caption");
	var photo = $("#gallery_photo");
	$("#thumbs tr td a").click(function(){
		$this = $(this); // Capture current anchor.
		$img = $(this).attr('rel'); // Capture current image href.
		$(this).addClass("visited");
		$("#photo_caption").html( $this.attr('title') ); // Fade out caption and replace with next image's.
		$("#gallery_frame").css({ 'background-image': 'url(' + $img + ')' }); // Set next image as background.
		$("#gallery_photo").fadeOut('slow', function(){ 
			$("#gallery_photo").attr({'src': $this.attr('rel')}); // Fade in the image.
			$("#gallery_photo").fadeIn('slow');
		});
	});
});