menu = new Array;

menu[0] = "<table style='width: 100%; overflow: auto;' class='NavBar' onmouseover='ShowMenu();' onmouseout='HideMenu();'>"
menu[0] += "<tr><td class='NavBar'><a href='henry.html'>Henry</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='resi.html'>Resi</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='cecelia.html'>Cecelia</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='anthony.html'>Anthony</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='jakob.html'>Jakob</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='fannie.html'>Fannie</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='hugo.html'>Hugo</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='lena.html'>Lena</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='jeanette.html'>Jeanette</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='anna.html'>Anna</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='louis.html'>Louis</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='sadie.html'>Sadie</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='william.html'>William</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='israel.html'>Israel Lob</a></td></tr>"
menu[0] += "<tr><td class='NavBar'><a href='nellie.html'>Nellie</a></td></tr>"
menu[0] += "</table>"

menu[1] = "<table style='width: 100%; overflow: auto;' class='NavBar' onmouseover='ShowMenu();' onmouseout='HideMenu();'>"
menu[1] += "<tr><td class='NavBar'><a href='lowi.html'>Lowi</a></td></tr>"
menu[1] += "<tr><td class='NavBar'><a href='emil.html'>Emil</a></td></tr>"
menu[1] += "<tr><td class='NavBar'><a href='jozsef.html'>Jozsef</a></td></tr>"
menu[1] += "<tr><td class='NavBar'><a href='adolf.html'>Adolf</a></td></tr>"
menu[1] += "<tr><td class='NavBar'><a href='rezi.html'>Rezi</a></td></tr>"
menu[1] += "<tr><td class='NavBar'><a href='johanna.html'>Johanna</a></td></tr>"
menu[1] += "<tr><td class='NavBar'><a href='david.html'>David</a></td></tr>"
menu[1] += "<tr><td class='NavBar'><a href='pauline.html'>Pauline</a></td></tr>"
menu[1] += "<tr><td class='NavBar'><a href='sara.html'>Sara</a></td></tr>"
menu[1] += "<tr><td class='NavBar'><a href='lajos.html'>Lajos</a></td></tr>"
menu[1] += "<tr><td class='NavBar'><a href='albert.html'>Albert</a></td></tr>"
menu[1] += "</table>"



function OpenMenu(cell, menuNumber) {
	menuPos = getPos(cell);
	with (document.getElementById("MenuDiv")) {
		innerHTML = menu[menuNumber];
		style.left = menuPos[0] + "px";
		if (menuPos[1] < 300) {
			style.top = menuPos[1] + 20 + "px";
		} else {
			style.top = menuPos[1] - getHeight(document.getElementById("MenuDiv")) + "px";
		}
		if (menuPos[2] > 0) {
			style.width = menuPos[2] + "px";
		} else {
			style.width = 150 + "px";
		}
		style.visibility = "visible";
	}
}


function ShowMenu() {
	document.getElementById("MenuDiv").style.visibility = "visible";
}

function HideMenu() {
	document.getElementById("MenuDiv").style.visibility = "hidden";
}

function getPos(obj) {
	var curleft = curtop = 0;
	curwidth = obj.offsetWidth;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
		return [curleft,curtop,curwidth];
	}
}

function getHeight(obj) {
	return(obj.offsetHeight);
}
