// Function for creating rollover effect for navigation bars
// Set up 2 classes - navBarActive (i.e. when rolled over, or current page) and navBarInactive [case sensitive]
// Give each td containing a navbar link, the id nav_ followed by the pagename it will appear on
// Set each td containing a navbar link to class="navBarInactive"
// Example: <td id="nav_index" class="navBarInactive" ><a href="index.php" class="navBarLink">Home</a></td>

//<script src="includes/navigation.js" type="text/javascript" language="javascript"></script>


var thisPage = "";
var lastRollOver = "";
var prefix = "nav_";

//Include the lines below if using an image for the rollover - preload the rollover image
//var imgRO = new Image();
//imgRO.src = "images/navbg_active.gif";

function setRollOvers() {
var els = document.getElementsByTagName('td');
var sPath = window.location.pathname;
thisPage = sPath.substring(sPath.lastIndexOf('/') + 1);
thisPage = thisPage.substring(0,thisPage.indexOf("."));	//Remove .php
if (thisPage == "") {thisPage="index";}	//Default to index page if no page name shown

	for(i=0; i<els.length; i++){ 
		if (els[i].className) {
			if (els[i].id.substring(0,prefix.length) == prefix) {
				els[i].onmouseover=function(){rollOver(this.id);};
				els[i].onmouseout=function(){rollOver();};
				els[i].onclick=function(){gotoLocation(this.id);};
			}
		}
	}
	
	rollOver(prefix + thisPage);	//Set the current page to being active
	
}

function rollOver(itemName) {
	if(itemName) {
		if(document.getElementById(itemName)) {
			document.getElementById(itemName).className = "navBarActive";	
			document.getElementById(itemName + "_link").className = "navBarLinkActive";	
		}
		lastRollOver = itemName;
	} else {
		lastRollOverName = lastRollOver.substring(prefix.length);
		
		if(lastRollOverName != thisPage) {	//Don't replace if active page
			document.getElementById(lastRollOver).className = "navBarInactive";	
			document.getElementById(lastRollOver + "_link").className = "navBarLink";	
		}
	}
	
}

function gotoLocation(itemName) {
	var pageToGoTo = itemName.substring(prefix.length);
	pageToGoTo += ".htm";
	window.location = pageToGoTo;
}
