function NavMouseOver(event) {
	//console.debug("NavMouseOver");
	//console.debug("Target: %o", event.target);
	//console.debug("Current Target: %o", event.currentTarget);
	//console.debug("Target tag: %s", event.target.tagName);
	var target;
	if(event.target) target = event.target;
	else if(event.srcElement) target = event.srcElement;
	else alert("Unable to get event target");
	var trNode = target.parentNode.parentNode;
	//console.debug("TR Node: %o", trNode);
	var imgs = trNode.getElementsByTagName("img");
	for(i = 0;i < imgs.length;i++) {
		if(imgs[i].className == "navArrow") {
			//ClearNavArrows();
			//console.debug("Img: %o", imgs[i]);
			imgs[i].src = "images/NavArrow.gif";
		}
	}
}

function NavMouseOut(event) {
	//console.debug("NavMouseOut");
	//console.debug("Target: %o", event.target);
	//console.debug("Current Target: %o", event.currentTarget)
	//console.debug("Target tag: %s", event.target.tagName);
	var target;
	if(event.target) target = event.target;
	else if(event.srcElement) target = event.srcElement;
	else alert("Unable to get event target");
	var trNode = target.parentNode.parentNode;
	//console.debug("TR Node: %o", trNode);
	var imgs = trNode.getElementsByTagName("img");
	for(i = 0;i < imgs.length;i++) {
		if(imgs[i].className == "navArrow") {
			//ClearNavArrows();
			//console.debug("Img: %o", imgs[i]);
			imgs[i].src = "images/dot_clear.gif";
		}
	}
}

/*
function ClearNavArrows() {
	console.debug("Clear nav arrows");
	var navTable = document.getElementById("navItemTable");
	if(navTable == undefined) {
		debug.error("navTable undefined");
		return;
	}
	var imgs = navTable.getElementsByTagName("img");
	for(i = 0;i < imgs.length;i++) {
		if(imgs[i].className == "navArrow") {
			imgs[i].src = "images/dot_clear.gif";
		}
	}	
}*/

function doClientNav() {


	
	// Nav links
	var url = window.location.href;
	//console.log("doClientNav: %s", url);
	var page = url.substring(url.lastIndexOf("/") + 1, url.lastIndexOf("."));
	//console.log("Page: %s", page);
	var section = (page.indexOf("_") > -1)?page.substr(0,page.indexOf("_")):page;
	//console.log("Section: %s", section);
	// Sections
	var e=document.getElementsByName("mainNavItem");
	for(var i=0;i<e.length;i++) {
		//console.log("mainNavItem %d: ", i, e[i].href);
		var p = e[i].href.substring(e[i].href.lastIndexOf("/") + 1, e[i].href.lastIndexOf("."));
		var s = (p.indexOf("_") > -1)?p.substr(0,p.indexOf("_")):p;
		//console.log("p: %sl s: %s", p, s);
		if(section == s) {
			//alert("Match: ", e[i]);
			e[i].style.color = "#003366";
			e[i].style.fontWeight = "bold";
		}
	}
		// Subsections
	var e=document.getElementsByName("subNavItem");
	for(var i=0;i<e.length;i++) {
		//console.log("mainNavItem %d: ", i, e[i].href);
		var p = e[i].href.substring(e[i].href.lastIndexOf("/") + 1, e[i].href.lastIndexOf("."));
		//console.log("p: %sl s: %s", p, s);
		if(page == p) {
			//console.log("Match: ", e[i]);
			e[i].style.fontWeight = "bold";
		}
	}
	// Banner image
	var images = new Array("Birds", "Honeycomb", "Nest", "Peacock", "Shells", "Starfish", "Web");
	var n = Math.round(Math.random() * (images.length - 1));
	var img = "images/BannerImages_" + images[n] + ".jpg";
	//console.log("Img: %s", img);
	document.getElementById("bannerImage").src = img;}