//Rollovers for images: Change path for correct path to images
window.onload = rolloverInit;

function rolloverInit() {
	for (var i=0; i<document.images.length; i++) {
		if (document.images[i].parentNode.tagName == "A") {
			setupRollover(document.images[i]);
		}
	}
}

function setupRollover(thisImage) {
	thisImage.outImage = new Image();
	thisImage.outImage.src = thisImage.src;
	thisImage.onmouseout = rollOut;

	thisImage.overImage = new Image();
	
	thisImage.overImage.src = "images/navigation/" + thisImage.id + "_off.jpg";
	thisImage.onmouseover = rollOver;	
}

function rollOver() {
	this.src = this.overImage.src;
}

function rollOut() {
	this.src = this.outImage.src;
}

/* Code inside the link: each link have an id of its button number and name of file must be
buttonX_on and buttonX_off- make sure to have correct path 
<a href="next1.html"><img src="graphics/button1_off.gif" width="113" height="33" border="0" alt="button1" id="button1" /></a>
*/