menuList = new Array();
var isovermenu = false;
menuList[0] = new Array(
"NBS History","nbs_history.php",
"NBS Today","nbs_today.php",
"Evangelicals in Israel","evangelicals.php",
"Arabs in Israel","arabs.php");

document.write('<div id=magMenu class=\"menuDiv\" onMouseOver=\"keepMenu();\" onMouseOut=\"wipeMenu();\" style=\"position:absolute;display:none;z-index:10000; width: 200px;\">FireFox</div>');
var myDiv = document.getElementById("magMenu");
myDiv.innerHTML = "<a href=\"testing.html\">This is just a test...</a>";

function changeDiv(myButId,menuNum) {
	isovermenu = true;
	var myBut = document.getElementById(myButId);
	var myDiv = document.getElementById("magMenu");
	//myDiv.style.positon = "absolute";
	var eALL = document.getElementById("containerall");
	var eTR = myBut.parentNode;
	var eTABLE = myBut.parentNode.parentNode;
	var eContainer = eTR.parentNode.parentNode;
	//alert(eALL.offsetLeft);
	myDiv.style.top = parseInt(eTR.offsetTop) + 129 + "px";
	myDiv.style.left = (parseInt(eALL.offsetLeft ) + 355 - 200) + "px";


	//myDiv.style.left = "25px";
	myDiv.style.visibility = "visible";
	myDiv.style.display = "";
	changeMenu(menuNum-1);
}

function changeMenu(myMenuId)
{
	var i = myMenuId;
		myDiv.innerHTML = "<DIV style=\"width: 8px; background: url('imgs/layout_menu_connector.gif'); height: 29px; left: -8px; position: absolute; margin: 0px; padding: 0px; top: 0px;\"></DIV>";
		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";
}

function wipeMenu()
{
	isovermenu = false;
	setTimeout("hideMenu()",500);
}
function keepMenu()
{
	isovermenu = true;
	myDiv.style.visibility = "visible";
}
