/////////////////////////////////////////////////////////////////////////////////
// 1. Change the image names and paths to suit.
// 2. Save the code as "rollover.js"
// 3. Put in the HEAD of the page:
//    <SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript" SRC="rollover.js"></SCRIPT>
// 4. Put into BODY tag: ONLOAD="preloadImages()"
/////////////FORMAT THE LINKS LIKE THIS://///////////////////////////////////////
// <A HREF="animation.html"
// onMouseOver = "imgOn('animation')" onMouseOut = "imgOff('animation')">
// <IMG NAME="animation" SRC="images/animation.gif" WIDTH="75" HEIGHT="14" BORDER="0">
// </A>
////////////////////////////////////////////////////////////////////////////////

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		menu1On = new Image();   menu1On.src = "gifs/menu1_on.jpg";
		menu1Off = new Image();   menu1Off.src = "gifs/menu1_off.jpg";
		menu2On = new Image();   menu2On.src = "gifs/menu2_on.jpg";
		menu2Off = new Image();   menu2Off.src = "gifs/menu2_off.jpg";
		menu3On = new Image();   menu3On.src = "gifs/menu3_on.jpg";
		menu3Off = new Image();   menu3Off.src = "gifs/menu3_off.jpg";
		menu4On = new Image();   menu4On.src = "gifs/menu4_on.jpg";
		menu4Off = new Image();   menu4Off.src = "gifs/menu4_off.jpg";
		menu5On = new Image();   menu5On.src = "gifs/menu5_on.jpg";
		menu5Off = new Image();   menu5Off.src = "gifs/menu5_off.jpg";
		
		destacado1On = new Image();   destacado1On.src = "gifs/destacado1_on.gif";
		destacado1Off = new Image();   destacado1Off.src = "gifs/destacado1_off.gif";
		destacado2On = new Image();   destacado2On.src = "gifs/destacado2_on.gif";
		destacado2Off = new Image();   destacado2Off.src = "gifs/destacado2_off.gif";
		destacado3On = new Image();   destacado3On.src = "gifs/destacado3_on.gif";
		destacado3Off = new Image();   destacado3Off.src = "gifs/destacado3_off.gif";
		preloadFlag = true;
	}
}

function imgOn(imgName) {
	if (document.images) {
		document[imgName].src = eval(imgName + "On.src");
	}
}

function imgOff(imgName) {
	if (document.images) {
		document[imgName].src = eval(imgName + "Off.src");
	}
}