//This function changes the image when over.
    function ArrowOn(divName) {
		var obj = document.getElementById(divName);
		obj.style.display = "block";
    }


    //This function changes the image back when off.
    function ArrowOff(divName) {
		var obj = document.getElementById(divName);
		obj.style.display = "";
    }
    

	// This function displays the large image in the collage area.
	function ShowLargeImg(imgName)
	{
		if (document.images)
		{
			document.getElementById("CollageArea").src = imgName;
		}
	}
	

    //This function changes the image when over.
	function HoverOn(imgName)
	{
		if (document.images)
		{
			document[imgName].src = eval(imgName + "_on.src");
		}
	}
	

	//This function changes the image back when off.
	function HoverOff(imgName)
	{
		if (document.images)
		{
			document[imgName].src = eval(imgName + "_off.src");        
		}
	}