/* Rollover script
remember to put your nav images inside of a div or span element with an id of Nav
remember to link this in an external JS file and to place <script>LoadNav();</script>  
at the bottom of each page, right before the </body> tag
*/

// change these to whatever your rollover state in your images are
// ex: rollover_Over.jpg
// rollover_Normal.jpg

function LoadNav()
{
	var navID = document.getElementById("nav");
	var navImages = navID.getElementsByTagName("img");
	for(var i = 0; i <= navImages.length - 1; i++)
	{
		var preloadImg = new Image();
		preloadImg.src = navImages[i].src.replace("normal", "over");
	
		navImages[i].onmouseover = function() {
			this.src = this.src.replace("normal", "over");	
		}
		
		navImages[i].onmouseout = function() {
			this.src = this.src.replace("over", "normal");	
		}
	}
}