// CALL THIS FUNCTION TO INITIATE EAGLE SPACE NAVIGATION
function goEagleSpace() {
	// Check that the browser is DOM compliant
	if (document.getElementById && document.createElement && document.appendChild) {		
		// Find all list items
		var navitem;
		var nav = document.getElementsByTagName('ul');
		for (var i = 0; i < nav.length; i++) {
			navitem = nav[i];
			// Find all Eagle Space secondary navigation list items
			if (/\bes-secondary\b/.test(navitem.className) || /\bes-tertiary\b/.test(navitem.className)) {
				navitem.style.display = 'none';			
			}
		}	
		enableEagleSpace();
	}	
}

// FIND EAGLE SPACE HEADERS AND MAKE THEM ACTIVE
function enableEagleSpace() {		
	// Find all span items
	var headerspan;
	var headerspans = document.getElementsByTagName('span');
	for (var i = 0; i < headerspans.length; i++) {
		headerspan = headerspans[i];
		// Find all Eagle Space headers
		if (/\bes-header\b/.test(headerspan.className)) {
			// Create hyperlink with no link so that navigation looks expandable
			var headertext = headerspan.innerHTML;
			headerspan.innerHTML = '';
			var createdlink = document.createElement('a');
			createdlink.href = 'javascript:;';			
			createdlink.innerHTML = headertext;
			headerspan.appendChild(createdlink);
			// Expand/contract navigation
			// TO BE COMPLETED
			// USING TEMPORARY FUNCTION BELOW WITH ON PAGE FUNCTION CALLS IN THE MEANTIME
			
			//var theparent = headerspan.parentNode;					
			//headerspan.onclick = function() {	
			//	alert(theparent.className);			
			//	theparent.className = 'es-expanded';				
			//	alert(theparent.className);				
			//};	
			
			//alert(headerspan.parentNode.className);
			//alert(headerspan.nextSibling.className);
			//headerspan.onclick = headerspan.parentNode.style.listStyleImage = 'url(/images/minus.gif) !important';			
		}
	}	
}

// TEMPORARY EAGLE SPACE NAVIGATION OPENER 
function openNav(clickID,navID) {	
	var navheader = clickID;
	var childnav = document.getElementById(navID);	
	if (childnav.style.display == 'block') {
		childnav.style.display = 'none';
		navheader.parentNode.className = 'es-header';
	}
	else {
		childnav.style.display = 'block';
		navheader.parentNode.className = 'es-expanded';
	}
}