 <!--// thumbnail images to be displayed in the following format:// <a href="#" onclick="window[this.childNodes[0].id].showImageMethod();return false"><img src="image1_thumbnail.jpg" name="image1" width="50" height="50" border="0" class="highlightClass" id="image1" /></a>// object constructorfunction imageObject(thisImageName,imageNumber) { 	this.imageName = thisImageName; // the id of the thumbnail image	this.thumbnailSrc = imagePrefix + thisImageName + thumbnailSuffix; // the src of the thumbnail image	this.imageSrc = imagePrefix + thisImageName + imageSuffix; // the src of the large image	this.title = imageTitles[imageNumber]; // the title	this.sequenceNumber = imageNumber; // the sequence number	this.showImageMethod = showImage; // the show method	objectArray[imageNumber] = this; // add the new object to the object array}// show methodfunction showImage() {	// swap image with new image	document[imagePlaceholderID].src = this.imageSrc;	// show new title	document.getElementById(titleContainerID).childNodes[0].nodeValue = this.title;	// unhighlight current thumbnail 	document.getElementById(currentObject.imageName).parentNode.className = nonHighlightClass;	// highlight new thumbnail	document.getElementById(this.imageName).parentNode.className = highlightClass;	// set new current object	currentObject = this;}function showPreviousImage() {	// get current ojbect's sequence number	// if it's the first image, show the last	if(currentObject.sequenceNumber == 0) {		objectArray[(objectArray.length-1)].showImageMethod();	}	// else show the previous image	else {		objectArray[(currentObject.sequenceNumber-1)].showImageMethod();	}}function showNextImage() {	// get current ojbect's sequence number	// if it's the last image, show the first		if(currentObject.sequenceNumber == (objectArray.length-1)) {		objectArray[0].showImageMethod();	}	// else show the next image	else {		objectArray[(currentObject.sequenceNumber+1)].showImageMethod();	}}-->  