// CSS Style Guide - Navigation

	function activate( navitem ){
		//var navitemName = navitem.innerHTML;
		var navitemId = navitem.id;
		window.name = navitemId;
	}
	
	function trimNodes( element ) {
		try {
			var parentElement = element[0].parentNode;
		}
		catch(error) {}
		for(var i=0; i<element.length; i++) {
			if ( element[i].nodeName == "#text" || element[i].nodeName == "#comment" ) {
				try {
					var removedElement = parentElement.removeChild(element[i]);
				}
				catch(error) {alert(error); }
			}
		}
		return element;
	}

	
	function highlight() {
		var visible = false;
		var navitemId = window.name;
		if ( navitemId == "" ) {
			// first menuitem element is selected on startup
			var menu = document.getElementById("menu");
			var menuItem = trimNodes(menu.childNodes);
			var firstDivs = trimNodes(menuItem[0].childNodes);
			var firstDiv = firstDivs[0];
			var className = firstDiv.className;
			var aTag = trimNodes(firstDiv.childNodes)[0];
			//window.name = aTag.innerHTML;
			window.name = aTag.id;
			navitemId = window.name;
		}
		if ( navitemId != "" ) {
			var menu = document.getElementById("menu");
			var menuItem = trimNodes(menu.childNodes);
			var countMenuItem = menuItem.length;
			for(var mi=0; mi<countMenuItem; mi++) {
				var currentMenuItem = menuItem[mi];
				var divs = trimNodes(currentMenuItem.childNodes);
				var countDivs = divs.length;
				for(var d=0; d<countDivs; d++) {
					var currentDiv = divs[d];
					var aTag = trimNodes(currentDiv.childNodes)[0];
					if( visible == true ) {
						var className = currentDiv.className;
						currentDiv.className = className.replace(/inactive/, "");
					}
					if( aTag.id == navitemId && visible == false ) {
						var className = currentDiv.className;
						currentDiv.className = className.replace(/inactive/, "active");
						d = -1;
						visible = true;
						continue;
					}
					if ( d == countDivs-1 )
						visible = false;
				}
			}

		}	
	}