// JScript source code

//Pre-load images here, any number 
image1 = new Image();
image1.src = "images/Rectangle_1_250x183.jpg";

image2 = new Image();
image2.src = "images/Square_2_250x183.jpg";

image3 = new Image();
image3.src = "images/Halfcircle_3_250x183.jpg";

image4 = new Image();
image4.src = "images/Moon_4_250x183.jpg";

image5 = new Image();
image5.src = "images/nested_5_250x183.jpg";

image6 = new Image();
image6.src = "images/RoundTable_6_250x183.jpg";

//This function displays the selected caption for the selected picture
	function ShowLayerImage(captionName, selCaption, imageFieldName, selImage,  imageCount)
	/*  objName = selected caption field
		imageName = selected image name
		captionname  = caption field name
		image count = number of images in list
	*/
	{
		
		var SelectedCaption
		var SelectedImage
		var TargetCaption
		var i;
		TargetCaption = document.getElementById(captionName)
		SelectedImage = document.getElementById(imageFieldName + selImage)
		SelectedCaption = document.getElementById(selCaption)
		if (SelectedImage != null )
		{ 
			TargetCaption.innerHTML = SelectedCaption.innerHTML;
			
			for( i = 1; i < imageCount + 1; i++)
			{
				document.getElementById(imageFieldName + i).className = 'imagehidden';
			}			
		
			SelectedImage.className = 'imageshow';
		}		
	}