$(function() {

	// Keep a reference to all thumbnail images
	var $thumbnails = $("div#thumbContainer img");


	// Reflect the thumbnail in the main window
	var selectImage = function(img) {
		$thumbnails.filter(".selected").removeClass("selected");
		$(img).addClass("selected");
		
		$("img#mainImage")
		.attr({
			"alt" : img.alt,
			"title" : img.title,
			"src" : img.src.replace("\/thumbnails\/", "\/mainImages\/")
		});
	};

	
	// Wire thumbnail events
	$thumbnails.hover(function() {
		$(this).addClass("hover");
	}, function() {
		$(this).removeClass("hover");
	}).click(function() {
		selectImage(this);
	});
	
	// Initilaise first image
	selectImage($thumbnails[0]);
	
});