menuList = new Array();
var isovermenu = false;
menuList[0] = new Array(
"About NETS","about.php",
"What we Believe","believe.php",
"Our Vision","vision.php",
"Nazareth our City","nazareth.php",
"President's Letter", "letter.php");

menuList[1] = new Array(
"Undergraduate","undergraduate.php",
"Postgraduate","postgraduate.php",
"Academic Calendar","calendar.php",
"Faculty","faculty.php",
"Visiting Lecturers","visitinglecturers.php",
"Tutors","tutors.php",
"Staff","staff.php",
"Library","library.php"
);

menuList[2] = new Array(
"Spiritual formation","spiritualformation.php"
);

menuList[3] = new Array(
"Apply now","apply.php"
);

menuList[4] = new Array(
"Prayer","prayer.php",
"Receive newsletter","newsletter.php",
"Giving","giving.php",
"Volunteer","volunteer.php"
);

document.write('<div id=magMenu class=\"menuDiv\" onMouseOver=\"keepMenu();\" onMouseOut=\"wipeMenu();\">FireFox</div>');
var myDiv = document.getElementById("magMenu");
myDiv.innerHTML = "<a href=\"testing.html\">This is just a test...</a>";
nameOfBut = "mytd1";

function changeDiv(myButId,menuNum) {
	hideMenu();
	isovermenu = true;
	var myBut = document.getElementById(myButId);
	var myDiv = document.getElementById("magMenu");
	myBut.style.background = "#0189C7";
	var eALL = document.getElementById("containerall");
	myDiv.style.top = parseInt(myBut.offsetHeight) + 218 + "px";
	myDiv.style.left = parseInt(eALL.offsetLeft) + parseInt(myBut.offsetLeft) + "px";
	
	myDiv.style.visibility = "visible";
	nameOfBut = myButId;
	changeMenu(menuNum-1);
}

function changeMenu(myMenuId)
{
	var i = myMenuId;
		myDiv.innerHTML = "";
		for(j=0; j< menuList[i].length;j++)
		{
			if(menuList[i][j] == '<hr>') myDiv.innerHTML = myDiv.innerHTML + "<hr>";
			else myDiv.innerHTML = myDiv.innerHTML + "<a href=\""+menuList[i][j+1]+"\">"+menuList[i][j]+"</a><br>";
			j++;
		}
}

function hideMenu()
{
	if(isovermenu == false) {
		myDiv.style.visibility = "hidden";
		var myBut = document.getElementById(nameOfBut);
		myBut.style.background = "#B40816";
	}
}

function wipeMenu()
{
	isovermenu = false;
	setTimeout("hideMenu()",500);
}
function keepMenu()
{
	isovermenu = true;
	myDiv.style.visibility = "visible";
}

function colorMenu(myButId) {
	hideMenu();
	var myBut = document.getElementById(myButId);
	myBut.style.background = "#0189C7";
}

function uncolorMenu(myButId) {
	var myBut = document.getElementById(myButId);
	myBut.style.background = "#B40816";
}