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