var menu_class = "topnavlink";

var pg_join = "topnavlink_1";
var pg_news = "topnavlink_2";
var pg_history = "topnavlink_3";
var pg_fellowship = "topnavlink_4";
var pg_museum = "topnavlink_5";
var pg_future = "topnavlink_6";
var pg_books = "topnavlink_7";

var menus = new Array();

var currentpage = null;

///

menus[pg_join] = new Array();
menus[pg_news] = new Array();
menus[pg_history] = new Array();
menus[pg_fellowship] = new Array();
menus[pg_museum] = new Array();
menus[pg_future] = new Array();
menus[pg_books] = new Array();

menus[pg_news][menus[pg_news].length] = new Array("Lectures & Events", "/news.html", "_self");
menus[pg_news][menus[pg_news].length] = new Array("Annual Gala", "/gala.html", "_self");
menus[pg_news][menus[pg_news].length] = new Array("Soane Seminars", "/seminars.html", "_self");
menus[pg_news][menus[pg_news].length] = new Array("Soane Travels", "/travels.html", "_self");
 
menus[pg_history][menus[pg_history].length] = new Array("History", "/history.html", "_self");
menus[pg_history][menus[pg_history].length] = new Array("Board of Directors", "/history.html#board", "_self");
menus[pg_history][menus[pg_history].length] = new Array("In the Press", "/press.html", "_self");
menus[pg_history][menus[pg_history].length] = new Array("Newsletters", "/newsletter.html", "_self");
menus[pg_history][menus[pg_history].length] = new Array("Past Events", "/2001", "_self");
menus[pg_history][menus[pg_history].length] = new Array("Past Travels", "http://soanetravels.com/", "_new");
 
menus[pg_fellowship][menus[pg_fellowship].length] = new Array("Current Offering", "/fellowship.html", "_self");
menus[pg_fellowship][menus[pg_fellowship].length] = new Array("Areas of Research", "/fellowship.html#areas", "_self");
menus[pg_fellowship][menus[pg_fellowship].length] = new Array("Past Recipients", "javascript:MM_openBrWindow('past_recipients.html','pop','scrollbars=yes,width=640,height=500')", "_new");
 
menus[pg_museum][menus[pg_museum].length] = new Array("The Museum", "http://www.soane.org/", "_new");
menus[pg_museum][menus[pg_museum].length] = new Array("Soane and His Museum", "/opening_soane_museum.html", "_self");
menus[pg_museum][menus[pg_museum].length] = new Array("Hours and Location", "/museum.html", "_self");
 
menus[pg_future][menus[pg_future].length] = new Array("Introduction", "/future.html", "_self");
menus[pg_future][menus[pg_future].length] = new Array("Opening up the Soane", "/opening.html", "_self");
menus[pg_future][menus[pg_future].length] = new Array("Soane and His Museum", "/opening_soane_museum.html", "_self");
 
menus[pg_books][menus[pg_books].length] = new Array("Books & More", "/books.html", "_self");
menus[pg_books][menus[pg_books].length] = new Array("Museum Shop", "http://www.soane.org/shop.html", "_new");
 
 
function drawNav(page) {

	// turn on main
	currentpage = page;

	if (page != null) {
		document.getElementById(page).style.color = "#FFFFFF";
		document.getElementById(page.replace("top", "bottom")).style.color = "#000000";
	}
	
	var left = (5 + document.getElementById("wrapper").offsetLeft + document.getElementById("topnav").offsetLeft);
	var menuEls = getElementsByStyleClass(menu_class);

	// draw the menus
	for (var i=0; i < menuEls.length; i++) {

		if (menus[menuEls[i].id].length == 0) {
			continue;
		}

		var pos = (i+1);
		var cell_id = menuEls[i].id.replace("link", "cell");
		var oDiv=document.createElement("DIV");
		// ids and styles
		oDiv.className = "dropnav";	
		oDiv.id = "dropnav_" + pos;	
		oDiv.style.visibility = "hidden";
		// drop menu events
		oDiv.onmouseover =
			new Function('evt', 'toggleMenu(true, ' + pos + ');');
		oDiv.onmouseout =
			new Function('evt', 'toggleMenu(false, ' + pos + ');');
		// parent menu events
		document.getElementById("topnavlink_" + pos).onmouseover =
				new Function('evt', 'toggleMenu(true, ' + pos + ');');
		document.getElementById("topnavlink_" + pos).onmouseout =
				new Function('evt', 'toggleMenu(false, ' + pos + ');');
		// position
		oDiv.style.left = (left + document.getElementById(cell_id).offsetLeft);

		// sub links
		for (m=0; m < menus[menuEls[i].id].length; m++) { 
			var linkEl=document.createElement("A");
			linkEl.href = menus[menuEls[i].id][m][1];
			if (document.location.href.indexOf(linkEl.href) != -1) {
				linkEl.style.color = "#ffffff";
			} else {
				// css won't stick for some reason
				linkEl.onmouseover =
					new Function('evt', 'this.style.color=\'#ffffff\';');
				linkEl.onmouseout =
					new Function('evt', 'this.style.color=\'#000000\';');
				linkEl.style.color = "#000000";
			}
			
			linkEl.style.display = "block";
			linkEl.className = "topnavlink";	
			linkEl.style.margin = "0 0 4px 0";

			if (menus[menuEls[i].id][m][1].indexOf("javascript:") == -1) {
				linkEl.target = menus[menuEls[i].id][m][2];
			}

			var txt = document.createTextNode(menus[menuEls[i].id][m][0]);
			linkEl.appendChild(txt);
			// append
			oDiv.appendChild(linkEl);
		}
		
		// append
		document.body.appendChild(oDiv);

	}

}

function toggleMenu(turnOn, pos) {
	if (turnOn) {
		document.getElementById("topnavlink_" + pos).style.color = "#ffffff";
		document.getElementById("dropnav_" + pos).style.visibility = "visible";
	} else {
		if (("topnavlink_" + pos) != currentpage) {
			document.getElementById("topnavlink_" + pos).style.color = "#000000";
		}
		document.getElementById("dropnav_" + pos).style.visibility = "hidden";
	}
}

function getElementsByStyleClass (className) {
	var all = (document.all)
		? document.all
		: document.getElementsByTagName('*');
	var elements = new Array();
	for (var e = 0; e < all.length; e++) {
		if (all[e].className == className) {
			elements[elements.length] = all[e];
		}
	}
	return elements;
}