$(document).ready(function(){
	$('#thumbs ul li a').hover(
		function() {
			var currentBigImage = $('#bigpic img').attr('src');
			var newBigImage = $(this).attr('href');
			var currentThumbSrc = $(this).attr('rel');
			switchImage(newBigImage, currentBigImage, currentThumbSrc);
		},
		function() {}
	);

	function switchImage(imageHref, currentBigImage, currentThumbSrc) {
		var theBigImage = $('#bigpic img');
		if (imageHref != currentBigImage) {
			theBigImage.fadeOut(400, function(){
				theBigImage.attr('src', imageHref).fadeIn(400);
				var newImageDesc = $("#thumbs ul li a img[src='"+currentThumbSrc+"']").attr('alt');
				$('p#desc').empty().html(newImageDesc);
			});
		}
	}
	
	$('#thumbs ul li a').click(
		function() {
			//if someone clicks on a thumbnail, return false keeps them from going 
			//to a page with just the image
			return false;
		}
	);
});