//<![CDATA[
 
var heightChange;
var current;
var isOpen;

// kill accessible hrefs if JS is turned on
function killStaticLinks() {
	menu = document.getElementById('header_nav_menu');
	menuLinks = menu.getElementsByTagName('a');
	for (i = 0; i < menuLinks.length; i++) {
		menuLinks[i].href = '#';
	}
}

function hideSubnavContents() {
	subnav = document.getElementById('header_subnav');
	subnavContents = subnav.getElementsByTagName('div');
	for (i = 0; i < subnavContents.length; i++) {
		node = subnavContents[i];
		if (node.parentNode == subnav) {
			node.style.display = 'none';
		}
	}
}

function showSubNav(id) {

	hideSubnavContents();

	// open subnav
	if (current == 'none') {
		setTimeout("document.getElementById(\'" + id + "\').style.display = \'block\'", 501);	
		heightChange.start(0,40);
		current = id;
	}
	else {
		if (current == id) {
			closeSubNav(id);
		}
		else {
			document.getElementById(id).style.display = 'block';
			current = id;
		}
	}

}

function closeSubNav(id) {
	hideSubnavContents();
	current = 'none';
	heightChange.start(40,0);
}

window.onload = function() {
	heightChange = new Fx.Style('header_subnav', 'height', {duration:500});
	current = 'none';
	killStaticLinks();
	
	// if this is an elements page, overwrite parts of the DOM
	if(document.body.className.match("elements_page")) {
		prepElementsPage();
	}
}

//]]>