openSubNav = function() {
	var subNavItemsEls = this.parentNode.getElementsByTagName("ul");
	for (var i=0; i<subNavItemsEls.length; i++) {
		if (subNavItemsEls[i].className == "closed") {
			subNavItemsEls[i].className = "open";
			this.className = "subNavOpen";
		}else{
			subNavItemsEls[i].className = "closed";
			this.className = "subNavClosed";
		}
	}	
	return false;

}
initSubNavs = function() {
	var navItemsEls = document.getElementById("subnavmenu").getElementsByTagName("li");			
	var bodyClass = window.document.body.className;
	for (var i=0; i<navItemsEls.length; i++) {
		// First, close all the subnavs, except for those where subnav id == body class
		var subNavItemsEls = navItemsEls[i].getElementsByTagName("ul");
		for (var j=0; j<subNavItemsEls.length; j++) {
			subNavItemsEls[j].className="closed";
		}
		// Now, change all the spans to anchors
		var subNavHeadingEls = navItemsEls[i].getElementsByTagName("span");
		for (var k=0; k<subNavHeadingEls.length; k++){
			var subNavHeading = subNavHeadingEls[k]; // get the span element node
			var subNavTextNode = subNavHeading.firstChild; // get the text node inside of the span
			var subNavTextNodeValue = subNavTextNode.nodeValue; // get the actual text inside the text node
			var subNavAnchor = document.createElement("A") ; // make new anchor element
			subNavHeading.parentNode.insertBefore(subNavAnchor,subNavHeading); // insert anchor before the span
			
			var subNavAnchorText = document.createTextNode(subNavTextNodeValue); // make new text node to put inside anchor
			subNavAnchor.appendChild(subNavAnchorText);	//insert the text inside the anchor
			subNavHeading.parentNode.removeChild(subNavHeading); // remove the now unneeded span element
			subNavAnchor.setAttribute("href", "javascript:void(0);"); // add a null href attribute to the anchor
			var snParentID = subNavAnchor.parentNode.getAttribute("id");
			// add an class attribute to the anchor
			if(snParentID == bodyClass) {
				subNavAnchor.className = "subNavOpen"; 
			} else {
				subNavAnchor.className = "subNavClosed"; 
			}
			// attach onclick event to toggle the subnav open and closed
			if (window.attachEvent) {subNavAnchor.onclick = openSubNav;}
			if (window.addEventListener) {subNavAnchor.addEventListener("click", openSubNav, false);}
		}
	}
}
if (window.attachEvent) {window.attachEvent("onload", initSubNavs);}
if (window.addEventListener) {window.addEventListener("load", initSubNavs, false);}