var onImage = new Array()
		
		onImage["image1"] = new Image()
		onImage["image1"].src = "images/artist_1.gif";
		
		onImage["image2"] = new Image()
		onImage["image2"].src = "images/artist_2.gif";

		onImage["image3"] = new Image()
		onImage["image3"].src = "images/artist_3.gif";

		onImage["image4"] = new Image()
		onImage["image4"].src = "images/artist_4.gif";
		
		onImage["image5"] = new Image()
		onImage["image5"].src = "images/artist_5.gif";
		
		onImage["image6"] = new Image()
		onImage["image6"].src = "images/artist_6.gif";

		onImage["image7"] = new Image()
		onImage["image7"].src = "images/artist_7.gif";
		
		onImage["image8"] = new Image()
		onImage["image8"].src = "images/artist_8.gif";		

		/* the following functions set the image src to the corresponding
		image in the onImage and offImage array, replacing the spacer
		with the new image. */
		
		function showOn(imgName) {
		document.images["spacer"].src = onImage[imgName].src
		
		}
		
		function showOff() {
		document.images["spacer"].src = offImage["spacer"].src 
		}