var oldImage = "url(/images/left-nav-sub-top.gif)";
var newImage = "url(/images/left-nav-item-off.gif)";
var rolloverImage = "url(/images/left-nav-item-on.gif)";

pic1= new Image(1800,26); 
pic1.src="/images/left-nav-sub-top.gif"; 

pic2 = new Image(539,32);
pic2.src="/images/heading-background-on.gif";

function toggleElement(element) {
	collapseSubMenus();
	for (var i=0; i<element.parentNode.getElementsByTagName("a").length; i++) {
		child = element.parentNode.getElementsByTagName("a")[0];
		var newImage = "url(/images/left-nav-sub-top.gif)";
		child.style.backgroundImage = newImage;		
	}
	for (var i=0; i<element.parentNode.getElementsByTagName("ul").length; i++) {
		var child = element.parentNode.getElementsByTagName("ul")[i];
		if (child.style.display == "none") {
			child.style.display = "block";
		} else {
			child.style.display = "none";
		}
	}
}

function collapseSubMenus() {
	for (var i=0; i<document.getElementById("menu").getElementsByTagName("ul").length; i++) {
		child = document.getElementById("menu").getElementsByTagName("ul")[i];
		child.style.display = "none";
	}
	for (var i=0; i<document.getElementById("menu").getElementsByTagName("a").length; i++) {
		child = document.getElementById("menu").getElementsByTagName("a")[i];		
		if (child.parentNode.parentNode.id=="menu" && child.style.backgroundImage == oldImage) {
			child.style.backgroundImage = newImage;	
		}			
	}	
}

function rollOverImage(element) {
	if (element.nextSibling.nextSibling.style.display != "block") {
		element.style.backgroundImage = rolloverImage;
	}
}

function rollOutImage(element) {
	if (element.nextSibling.nextSibling.style.display != "block") {
		element.style.backgroundImage = newImage;
	}
}