// JavaScript Document

window.onload = init;
var curNavId;
var curSubNav;
var to = [];

var hoverMenus = [];

function init() {

curNavId = "";

hoverMenus[0] = document.getElementById("nav_about_hover");
hoverMenus[1] = document.getElementById("nav_schools_hover");
hoverMenus[2] = document.getElementById("nav_involved_hover");
hoverMenus[3] = document.getElementById("nav_media_hover");

	
	switch(getCurrentPage())
	{
		case "":
			curNavId = "nav_home";
			curSubNav = "";
			break;
		case "about_us.php":
			curNavId = "nav_about";
			curSubNav = "";
			break;
		case "chicago_tap_schools.php":
			 curNavId = "nav_schools";
			 curSubNav = "nav_schools_sub";
			break;
		case "contact_us.php":
			curNavId = "nav_contact";
			curSubNav = "";
			break;
		case "faqs.php":
			curNavId = "nav_faqs";
			curSubNav = "";
			break;
		case "get_involved.php":
			curNavId = "nav_involved";
			curSubNav = "";
			break;
		case "media.php":
			curNavId = "nav_media";
			curSubNav = "";
			break;
		case "school_login.php":
			curSubNav = "";
			curNavId = "nav_login";
			break;			
		case "chicago_tap.php":
			curNavId = "nav_about";
			curSubNav = "nav_about_sub1";		
			break;
		case "how_chicago_tap_works.php":
			curNavId = "nav_about";
			curSubNav = "nav_about_sub2";		
			break;
		case "key_partners.php":
			curNavId = "nav_about";
			curSubNav = "nav_about_sub3";		
			break;
		case "participating_schools.php":
			curNavId = "nav_schools";
			curSubNav = "";		
			break;		
		case "become_a_chicago_tap_school.php":
			curNavId = "nav_involved";
			curSubNav = "nav_involved_sub1";		
			break;	
		case "work_in_a_chicago_tap_school.php":
			curNavId = "nav_involved";
			curSubNav = "nav_involved_sub2";		
			break;		
		case "upcoming_information_sessions.php":
			curNavId = "nav_involved";
			curSubNav = "nav_involved_sub3";		
			break;	
		case "support_the_pilot_initiative.php":
			curNavId = "nav_involved";
			curSubNav = "nav_involved_sub4";		
			break;					
		case "press_contacts.php":
			curNavId = "nav_media";
			curSubNav = "nav_media_sub1";		
			break;	
		case "press_releases.php":
			curNavId = "nav_media";
			curSubNav = "nav_media_sub2";		
			break;	
		case "in_the_news.php":
			curNavId = "nav_media";
			curSubNav = "nav_media_sub3";		
			break;			
		case "four_elements.php":
			curNavId = "nav_about";
			curSubNav = "nav_about_sub3";		
			break;		
		case "logged_in.php":
			curNavId = "nav_login";
			curSubNav = "";		
			break;				
	}
	
	if (curNavId != "") {
		setMenu(curNavId);
	}
	
	document.getElementById("navigation").style.visibility = "visible";
}

function setMenu(id) {

	var imgID = id + "_img";
	var obj = document.getElementById(imgID);
	obj.style.display = "none";
	
	imgID = id + "_img_roll";
	var url = "./images/nav/active/" + id + ".gif";
	obj = document.getElementById(imgID);
	obj.style.display = "block";
	obj.getElementsByTagName("img")[0].src = url;
	
	newID = id + "_sub";
	if (document.getElementById(newID)) {
		obj = document.getElementById(newID);	
		obj.style.display = "block";
		if (curSubNav != "") subHover(curSubNav, true);
			
	}	
}

function navHover(id) {

	hideHoverMenus();
	
	if (id == curNavId) {
		return false;
	}

	var imgID = id + "_img";
	var obj = document.getElementById(imgID);
	obj.style.display = "none";
	
	imgID = id + "_img_roll";
	obj = document.getElementById(imgID);
	obj.style.display = "block";

	var newID = id + "_hover";
	if (document.getElementById(newID)) {
		clearTimeouts();
		obj = document.getElementById(newID);										
		obj.style.display = "block";
		obj.style.top = findPos(newID) + "px";
	}

}

function navOut(id) {

	setTimeouts();

	if (id == curNavId) {
		return false;
	}
	
	var imgID = id + "_img";
	var obj = document.getElementById(imgID);
	obj.style.display = "block";
	
	imgID = id + "_img_roll";
	obj = document.getElementById(imgID);
	obj.style.display = "none";	
	
}

function subHover(id, pLoad) {
	
	var newID;
	var obj;

	if (id == curSubNav && pLoad == "undefined") {
		return false;
	}

	if (id.search("sub") == -1) {
		
		clearTimeouts();

		newID = id + "_li";
		obj = document.getElementById(newID);
		obj.style.backgroundColor = "#fcefe4";
		
	} else {
		
		hideHoverMenus();

		newID = id + "_li";
		obj = document.getElementById(newID);
		if (id == curSubNav) { 
			obj.style.backgroundColor = "#fb9a52";
		} else {
			obj.style.backgroundColor = "#fcefe4";
		}
		
	}	

}

function subOut(id) {

	setTimeouts();

	if (id == curSubNav) {
		return false;
	}

	var newID = id + "_p";
	var obj = document.getElementById(newID);
	obj.style.color = "#000000";

	newID = id + "_li";
	obj = document.getElementById(newID);
	obj.style.backgroundColor = "#fefae7";
	
}


function getCurrentPage() {
	var sPath = window.location.pathname;
	//var sPage = sPath.substring(sPath.lastIndexOf('\\') + 1);
	var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
	return sPage;
}

function findPos(id)
  {
	
	var ot;
	switch (id)
	{
		case "nav_about_hover":
			ot = 29;
			break;
		case "nav_schools_hover":
			if (document.getElementById("nav_about_sub").style.display == "block") {
				ot = 174;
			} else {
				ot = 58;
			}
			break;
		case "nav_involved_hover":
			if (document.getElementById("nav_about_sub").style.display == "block") {
				ot = 203;
			} else if (document.getElementById("nav_schools_sub").style.display == "block") {
				ot = 116;
			} else {
				ot = 87;
			}
			break;
		case "nav_media_hover":
			if (document.getElementById("nav_about_sub").style.display == "block") {
				ot = 261;
			} else if (document.getElementById("nav_schools_sub").style.display == "block") {
				ot = 174;
			} else if (document.getElementById("nav_involved_sub").style.display == "block") {
				ot = 261;				
			} else {
				ot = 145;
			}
			break;		
	}
	return ot;
	
  }

function hideHoverMenus() {
	
	for (var i=0; i<4; i++) {
		hoverMenus[i].style.display = "none";	
	}

}

function clearTimeouts() {
	for (var i=0; i<to.length; i++) {
		clearTimeout(to[i]);	
	}
	to = [];
}

function setTimeouts() {
	to[to.length] = setTimeout("hideHoverMenus();", 300);	
}


