function subnav_hide(e) {
	
	if (!e) var e = window.event;
	var tg = (window.event) ? e.srcElement : e.target;
	if (tg.nodeName != 'DIV') return;
	var reltg = e.relatedTarget || e.toElement;
	
	while(reltg != tg && reltg.nodeName != 'BODY')
		reltg= reltg.parentNode;
	if (reltg == tg) return;
	
	tg.style.visibility = "hidden";
	
	//s = window.setTimeout(hide2, 700, e.target);
}

function subnav_toggle(name) {
	
	
	selected_subnav = document.getElementById(name);
	//hide the subnav currently displayed if any, by making all invisible since its better to program that way
	//other_subnavs is an array of all the subnavs currently in the 'subnav' div
	var other_subnavs = document.getElementById("subnav").getElementsByTagName("div");
	for (var i=0; i < other_subnavs.length; i++) {
		if (other_subnavs[i].id != name)
			other_subnavs[i].style.visibility = "hidden";
	}
	if (selected_subnav) {
		selected_subnav.style.visibility = "visible";
		//selected_subnav.addEventListener("mouseout", subnav_hide(), false);
	}
}