// JavaScript Document

var menu = new Array();

menu[0] = new Array("What is APOP", "what_is_apop.html");

menu[1] = new Array("About APOP", "about_apop.html");

menu[2] = new Array("Issues & Statistics", "issues_and_statistics.html");
menu[2][2] = new Array("Issues", "");
menu[2][2][2] = new Array("Ageing Population", "issues_ageingpopulation.html");
menu[2][2][3] = new Array("Current Issues", "issues_currentissues.html");
menu[2][3] = new Array("Statistics", "");
menu[2][3][2] = new Array("Population - at a glance", "statistics.html");
menu[2][3][3] = new Array("SA Government Targets", "statistics_satargets.html");


menu[3] = new Array("Committee", "committee.html");

menu[5] = new Array("Events", "events.html");
menu[5][2] = new Array("Events", "events.html");
menu[5][3] = new Array("Images from the National Population Summit", "gallery.html");

menu[4] = new Array("Stories", "stories.html");
menu[4][2] = new Array("Peter Janicki", "peter_janicki.html");
menu[4][3] = new Array("Inna and Olio Mazonka", "Mazonka.html");
menu[4][4] = new Array("Lynne Gillie", "lynne_gillie.html");
menu[4][5] = new Array("David & Ann Leigh-Ewers", "David_Ann_Leigh-Ewers.html");

menu[6] = new Array ("Membership", "membership.html");

menu[7] = new Array("Trends & News", "news.html");

menu[8] = new Array("Resources", "resources.html");

menu[9] = new Array("Migrating to SA", "migrating_to_sa.html");

menu[10] = new Array("Contact us", "contact_us.html");

menu[11] = new Array("Sponsors", "sponsors.html");

function closeAllOpenedMenu()
{
	var menuheads = document.getElementsByTagName("ul");
	for ( var i = 0; i < menuheads.length; i++ )
	{
		if ( menuheads[i].id.indexOf("_body") > 0 )
		{
			menuheads[i].style.visibility = "hidden";
		}
	}
}

function navmenuMouseOver(obj, i)
{	
	// Close all other opened menu body
	closeAllOpenedMenu();
	
	var body = document.getElementById(obj.id+"_body");
	body.style.visibility = "visible";
	body.style.position = "relative";
	body.style.top = "1px";
	body.style.left = "0px";
	body.style.zIndex = "1";
	
	// Hack the IE....
	if ( browser.isIE )
	{	
		var content = document.getElementById("panel_content");
		content.style.zIndex = "-1";
		
		var row = Math.floor(i / 7);
		var col = Math.floor(i % 7);
		body.style.position = "absolute";
		body.style.top = (((row+1) * 29))+"px";
		body.style.left = (((col) * 134))+"px";
	}
	
	
}
function navmenuMouseOut(obj)
{
}
function navmenubodyMouseOver(obj)
{
}
function navmenubodyMouseOut(obj)
{
	obj.style.visibility = 'hidden';
}
function generateMenu(currentPage)
{
	var addClass = "";
	
	document.write("<ul id='navmenu'>");
	for ( var i = 0; i < menu.length; i++ )
	{
		if ( currentPage == menu[i][0] )
		{
			addClass = "style='color:#333333;'";
		}
		else
		{
			addClass = "";
		}
		
		if ( menu[i].length > 2 )
		{
			document.write("<li id='menu"+i+"' class='navmenu_head' onmouseover='navmenuMouseOver(this, "+i+");' onmouseout='navmenuMouseOut(this);'> <a href='"+menu[i][1]+"' "+addClass+">"+menu[i][0]+"</a>");
			document.write("<ul id='menu"+i+"_body' onmouseover='navmenubodyMouseOver(this);' onmouseout='navmenubodyMouseOut(this);'>");
			for ( var j = 2; j < menu[i].length; j++ )
			{
				if ( menu[i][j][1] == "" )
				{
					document.write("   <li><span>"+menu[i][j][0]+"</span>");
				}
				else
				{
					document.write("   <li><a href='"+menu[i][j][1]+"'>"+menu[i][j][0]+"</a>");
				}
				if ( menu[i][j].length > 2 )
				{
					document.write("   <ul>");
					for ( var k = 2; k < menu[i][j].length; k++ )
					{
						if ( menu[i][j][k][1] == "" )
						{
							document.write("      <li><span>"+menu[i][j][k][0]+"</span></li>");
						}
						else
						{
							document.write("      <li><a href='"+menu[i][j][k][1]+"'>"+menu[i][j][k][0]+"</a></li>");
						}
					}
					document.write("   </ul>");
				}
				document.write("   </li>");
			}
			document.write("</ul>");
			document.write("</li>");
		}
		else
		{
			document.write("<li id='menu"+i+"' class='navmenu_head' onmouseover='closeAllOpenedMenu();'> <a href='"+menu[i][1]+"' "+addClass+">"+menu[i][0]+"</a></li>");
		}
	}
	document.write("</ul>");
}

generateMenu(document.title);