var onimg = new Image(); onimg.src = "/siteimages/leftnav/newbluedot.gif";
var offimg = new Image(); offimg.src = "/siteimages/leftnav/newgraydot.gif";
var toponimg = new Image(); toponimg.src = "/siteimages/leftnav/newbluedottop.gif";
var topoffimg = new Image(); topoffimg.src = "/siteimages/leftnav/newgraydottop.gif";
var btmonimg = new Image(); btmonimg.src = "/siteimages/leftnav/newbluedotbtm.gif";
var btmoffimg = new Image(); btmoffimg.src = "/siteimages/leftnav/newgraydotbtm.gif";

function getImage(ImgType, bOn) {
	if ((ImgType == 0) && (bOn))
		return toponimg;
	else if ((ImgType == 0) && (!bOn))
		return topoffimg;
	else if ((ImgType == 2) && (bOn))
		return btmonimg;
	else if ((ImgType == 2) && (!bOn))
		return btmoffimg;
	else if ((ImgType == 1) && (bOn))
		return onimg;
	else
		return offimg;
}

function setLinkColor() {
	Obj = event.srcElement;
	if (Obj.tagName == "B")
		Obj = event.srcElement.parentElement.parentElement.childNodes;
	else if (Obj.tagName == "IMG")
		Obj = event.srcElement.parentElement.parentElement.parentElement.childNodes[0].childNodes;
	else
		return;
		
	if (event.type == "mouseover")
		newColor = "#8778eb";
	else
		newColor = "#990000";
	for (i=0;i<Obj.length;i++) {
		if (Obj[i].tagName == "A")
			Obj[i].style.color = newColor;
	}
}

function clearAll(ImgType) {
	Imgs = document.images;
	if (Imgs)
		oImg = getImage(ImgType, 0);
		oOldImg = getImage(ImgType, 1);
		for (i=0;i<Imgs.length;i++)
			if (Imgs[i].src.indexOf(oOldImg.src) != -1)
				Imgs[i].src = oImg.src;

	if (navigator.appName != "Netscape")
		setLinkColor();
}
	
// Change the img to the selected graphic
function selectImg(ImgName, ImgType) {
	clearAll(ImgType);
	oImg = getImage(ImgType, 1);
	if (navigator.appName == "Netscape")
		document[ImgName].src = oImg.src;
	else
		document.all.item(ImgName).src = oImg.src;
}