/*
** Image gallery support
*/
$(function() {

	var $mainImage = $("div#contentFrame img.mainImage");
	var $images = $("div.GalleryThumbs img");
	var noImages = $images.length;
	// alert("Number of thumbs = " + noImages);

	var getLargeUrl = function(src) {
		return src.replace(/\.([a-z]{3})$/i, "_Large.$1");
	};

	// Preload the large images
	var imageArray = new Array(noImages);
	for (var i = 0; i < noImages; i++) {
		imageArray[i] = new Image();
		imageArray[i].src = getLargeUrl($images[i].src);

		// Initialise the main image to the first thumbnail
		if (i === 0) {
			$mainImage.attr("src", imageArray[i].src);
		}
	}

	// Wire the thumbnails to fire an event
	$images.click(function(e) {
		$mainImage.attr("src", getLargeUrl(this.src));
	});


	// Clean up to avoid memory leaks    
	$(window).unload(function () {
		for (var i = 0; i < noImages; i++) {
			imageArray[i] = null;
		}
		imageArray = null;   
	});

});