var currentSection;		// The section number of the current page
var numImages;			// Number of images viewable on the current page
var currentImage= 1;	// ID number of currently-selected image

var mainImages = new Array();	// Array to store preloaded main images
var miniImages = new Array();	// Array to store preloaded mini images (off state)
var miniImagesOn = new Array();	// Array to store preloaded mini images (on state)

// Preload the images for this page
function preloadImages()
{
	var n;

	for (n=1; n<=numImages; n++)
	{
		mainImages[n] = new Image();
		miniImages[n] = new Image();	
		miniImagesOn[n] = new Image();
	
		mainImages[n].src = "graphics/photos/" + currentSection + "/" + n + ".jpg";
		miniImages[n].src = "graphics/photos/" + currentSection + "/mini/" + n + ".jpg";
		miniImagesOn[n].src = "graphics/photos/" + currentSection + "/mini/" + n + "on.jpg";
	}
}

// Called when user clicks a mini image
function selectImage(n)
{
	// Only take action if we are changing the current image
	if (n != currentImage)
	{
		// Set current mini image to off state
		document.getElementById("mini"+currentImage).src = miniImages[currentImage].src

		// Set selected mini image as current image
		document.getElementById("mini"+n).src = miniImagesOn[n].src
		
		// Set the main image as required
		document.getElementById("image").style.backgroundImage = "url(" + mainImages[n].src + ")";
	
		// Note new current image
		currentImage = n;
	}
	
	top.window.focus();
}