/*
** Image gallery support
*/

$(function() {
    var noImages = 12;
    var $mainImage = $("table.gallery td.mainImage img");
    var $images = $("table.gallery td.thumbnail img");
    if ($images.length !== noImages) {
        alert("Gallery must present " + noImages + " thumbail images!");
        return;
    }


	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;   
    });
    
});