//this file allows the user to setup their pop-up navigation easily.

var nav = new Array()//holds the information for the link text
nav[0] = ""//placeholder, just ignore
var navLink = new Array()//holds the link address
navLink[0]=""//placeholder, just ignore

//format to create a menu item is:
//newlink("link name", "link address", 1st level, 2nd level, 3rd level)


newLink("Mission", "index.html", 1, 0, 0)

newLink("Program Overview", "programOverview.html", 2, 0, 0)
	newLink("Exploring Research Program", "exploringResearchProgram.html", 2, 1, 0)
	newLink("Entry-Level Research", "entry-LevelResearch.html", 2, 2, 0)
	newLink("Advanced Research", "advancedResearch.html", 2, 3, 0)

newLink("Eligibiligy", "eligibility.html", 3, 0, 0)

newLink("How To Apply", "howToApply.html", 4, 0, 0)




/////////////////////////////////////////////////////////////////
///////////////////  Dimensions of Menu  ////////////////////////
var mainMenuTopPos = 10
var thisTopPos = mainMenuTopPos
var tableLeftPos = 5
var cellBorderColor = "Black"
var cellWidth = 190
var wantedCellHeight = 30
var fontPxSize = 10
var linkPadding = (wantedCellHeight-fontPxSize-4)/2
var actualCellHeight = (fontPxSize + (2*(linkPadding + 2)))


/////////////////////////////////////////////////////////////////
//////////////////  Colors of Menu  /////////////////////////////
var offTextColor = "Black"
var offBGColor = "#FFDD53"
var onTextColor = "#FFDD53"
var onBGColor = "Black"

document.write("<style type=\"text/css\"> \
table.navbar { \
	position:absolute; \
	width:" + cellWidth + "px; \
	border-collapse:collapse; \
	visibility:hidden; \
} \
table.navbar td { \
	width:100%; \
} \
table.navbar td a { \
	display: block; \
	background-color:" + offBGColor + "; \
	font-size:" + fontPxSize + "px; \
	padding:" + linkPadding + "px 0px; \
	color:" + offTextColor + "; \
	text-decoration:none; \
	border:1px solid " + cellBorderColor + "; \
} \
table.navbar td a:hover { \
	color:" + onTextColor + "; \
	background-color:" + onBGColor + ";; \
} \
</style>")

function newLink(text, address, menuIPos, menuJPos, menuKPos) {
	if(menuKPos==0) {
		if(menuJPos==0) {//this is a root menu/1st level link
			nav[menuIPos] = new Array()
			nav[menuIPos][0] = text
			navLink[menuIPos] = new Array()
			navLink[menuIPos][0] = address
		}
		else {//this is a 2nd level link
			nav[menuIPos][menuJPos] = new Array()
			nav[menuIPos][menuJPos][0] = text
			navLink[menuIPos][menuJPos] = new Array()
			navLink[menuIPos][menuJPos][0] = address
		}
	}
	else {
		nav[menuIPos][menuJPos][menuKPos] = new Array()
		nav[menuIPos][menuJPos][menuKPos][0] = text
		navLink[menuIPos][menuJPos][menuKPos] = new Array()
		navLink[menuIPos][menuJPos][menuKPos][0] = address

	}
}

function createVertNav() {

	//first level
	document.write("<table class=\"navbar\" id=\"menu\" cellpadding=\"0\" cellspacing=\"0\" style=\"top:" + thisTopPos + "px;left:" + tableLeftPos + "px;visibility:visible;z-index:3;\">")
	for(i=1; i<nav.length; i++) {
		document.write("<tr><td id=\"tab" + i + "_0_0\" style=\"z-index:3;\" onmouseover=\"select(" + i + ",0,0)\" onmouseout=\"unselect(" + i + ",0,0)\">" + 
						//"<img class=\"navBG\" alt=\"\" src=\"images/navOffBG.gif\" style=\"position:absolute;padding:0px 0px;z-index:-1;\" />" + 
						"<a id=\"link" + i + "_0_0\" href=\"" + navLink[i][0] + "\">" + 
						nav[i][0] + 
						"</a></td></tr>")
	}
	document.write("</table>")
	
	//second level
	for(i=1; i<nav.length; i++) {
		thisTopPos = (mainMenuTopPos + ((i-1)*actualCellHeight))
		document.write("<table class=\"navbar\" id=\"menu" + i + "_0\" cellpadding=\"0\" cellspacing=\"0\" style=\"top:" + thisTopPos + "px;left:" + (tableLeftPos + (1*cellWidth)) + "px;z-index:4;\">")
	
		for(j=1; j<nav[i].length; j++) {
			document.write("<tr><td id=\"tab" + i + "_" + j + "_0\" style=\"z-index:4;\" onmouseover=\"select(" + i + "," + j + ",0)\" onmouseout=\"unselect(" + i + "," + j + ",0)\">" + 
							"<a id=\"link" + i + "_" + j + "_0\" href=\"" + navLink[i][j][0] + "\">" + 
							//"<img class=\"navBG\" alt=\"\" src=\"images/navOffBG.gif\" style=\"position:absolute;padding:0px 0px;z-index:-1;\" />" + 
							nav[i][j][0] + 
							"</a></td></tr>")
		}
		
		document.write("</table>")
	}
	
	//third level
	for(i=1; i<nav.length; i++) {
		for(j=1; j<nav[i].length; j++) {
			thisTopPos = (mainMenuTopPos + ((i-1)*actualCellHeight) + ((j-1)*actualCellHeight))
			document.write("<table class=\"navbar\" id=\"menu" + i + "_" + j + "\" cellpadding=\"0\" cellspacing=\"0\" style=\"top:" + thisTopPos + "px;left:" + (tableLeftPos + (2*cellWidth)) + "px;z-index:5;\">")
	
			for(k=1; k<nav[i][j].length; k++) {
				document.write("<tr><td id=\"tab" + i + "_" + j + "_" + k + "\" style=\"z-index:5;\" onmouseover=\"select(" + i + "," + j + "," + k + ")\" onmouseout=\"unselect(" + i + "," + j + "," + k + ")\">" + 
							"<a id=\"link" + i + "_" + j + "_" + k + "\" href=\"" + navLink[i][j][k][0] + "\">" + 
							//"<img class=\"navBG\" alt=\"\" src=\"images/navOffBG.gif\" style=\"position:absolute;padding:0px 0px;z-index:-1;\" />" + 
							nav[i][j][k][0] + 
							"</a></td></tr>")
			}
			document.write("</table>")
		}
	}

	return ""
}

function select(i, j, k) {//this is a recursive function
	var menuSelectedID = "menu" + i + "_" + j
	var menuSelected = document.getElementById(menuSelectedID)
	menuSelected.style.visibility = 'visible'

	if(j>0) {
		if(k>0) {
			select(i, j, "0")
		}
		select(i, "0", "0")
	}
}

function unselect(i, j, k) {
	var menuSelectedID = "menu" + i + "_" + j
	var menuSelected = document.getElementById(menuSelectedID)
	menuSelected.style.visibility = 'hidden'

	if(j>0) {
		if(k>0) {
			unselect(i, j, "0")
		}
		unselect(i, "0", "0")
	}
}