<!--
var navBtnId = new Array(4);
var navBtn = new Array(4);
var navBtnActiveImage = new Array(4);
var currentDoc;
currentDoc = document.URL;
currentDoc = currentDoc.replace(/.*\//gi, "");

navBtnId[0] = "Wb";
navBtnId[1] = "Doc";
navBtnId[2] = "Bc";
navBtnId[3] = "SignUp";

function initializeNavBar(rootPath)
{
    for (var y = 0; y < navBtn.length ; y++){
	    navBtn[y] = "Btn" + navBtnId[y];
	    
		//These 2 lines cache images, cached images are loaded after all images loaded and browser cache must be turned on.
		navBtnActiveImage[y] = new Image;
	    navBtnActiveImage[y].src = rootPath + "images/nav_btn_brg_" + navBtnId[y].toLowerCase() + "_a.gif";

	    if (currentDoc.toLowerCase() == navBtnId[y].toLowerCase() + ".aspx"){
		    
			document.getElementById(navBtn[y]).className = document.getElementById(navBtn[y]).className + "Active";
			
	    }
	    else{

		    document.getElementById(navBtn[y]).onmousedown = toggleImageActive;
		    document.getElementById(navBtn[y]).onmouseup = toggleImageInactive;
		    document.getElementById(navBtn[y]).onmouseout = toggleImageInactive;
	    }
    }
}

function toggleImageActive(){
	
	this.className = this.className + "Active";

}

function toggleImageInactive(){
	
	this.className = this.className.replace(/Active/gi,"");

}
// -->