// the popup bar, this is only a bar with no navigation
// is it used to connect and extend the popup menu
var popupBar = null;
// the popup menu, this contains the actual navigation
var popupMenu = null;	
	
// displays the navigation menu
// posx - x-position of the orange bar
// posy - y-position of the orange bar
// rightorleft - specifies if we want to display the right or left navigation
function showNavigation(posx, posy, navigationId)
{
	
	switch (navigationId)
	{
	case "aboutus":
		popupBar = document.getElementById("aboutusnavigationspacer");
		popupMenu = document.getElementById("aboutusnavigationboxwrapper");
		popupMenu.style.left = posx + 150;
		break;
	case "departments":
		popupBar = document.getElementById("departmentsnavigationspacer");
		popupMenu = document.getElementById("departmentsnavigationboxwrapper");
		popupMenu.style.left = posx + 150;
		break;
	case "contactus":
		popupBar = document.getElementById("contactusnavigationspacer");
		popupMenu = document.getElementById("contactusnavigationboxwrapper");
		popupMenu.style.left = posx + 150;
		break;		
	case "guestbook":
		popupBar = document.getElementById("guestbooknavigationspacer");
		popupMenu = document.getElementById("guestbooknavigationboxwrapper");
		popupMenu.style.left = posx + 150;
		break;
	case "governance":
		popupBar = document.getElementById("governancenavigationspacer");
		popupMenu = document.getElementById("governancenavigationboxwrapper");
		popupMenu.style.left = posx - 125;
		break;		
	case "activities":
		popupBar = document.getElementById("activitiesnavigationspacer");
		popupMenu = document.getElementById("activitiesnavigationboxwrapper");
		popupMenu.style.left = posx - 125;
		break;
	case "services":
		popupBar = document.getElementById("servicesnavigationspacer");
		popupMenu = document.getElementById("servicesnavigationboxwrapper");
		popupMenu.style.left = posx - 125;
		break;
	case "news":
		popupBar = document.getElementById("newsnavigationspacer");
		popupMenu = document.getElementById("newsnavigationboxwrapper");
		popupMenu.style.left = posx - 125;
		break;		
	default:
		alert("Error: No navigation selected");
	}	
	
	// position of the popup bar
	popupBar.style.left = posx;
	popupBar.style.top = posy;	
	// y-position of the popup menu
	popupMenu.style.top = posy;
		
	// display the popup menu
	popupBar.style.display = "block";
	popupMenu.style.display = "block";
}

// hides the navigation menu
// rightorleft - specifies if we want to hide the right or left navigation
function hideNavigation(navigationId)
{
	switch (navigationId)
	{
	case "aboutus":
		popupBar = document.getElementById("aboutusnavigationspacer");
		popupMenu = document.getElementById("aboutusnavigationboxwrapper");
		break;
	case "departments":
		popupBar = document.getElementById("departmentsnavigationspacer");
		popupMenu = document.getElementById("departmentsnavigationboxwrapper");
		break;
	case "contactus":
		popupBar = document.getElementById("contactusnavigationspacer");
		popupMenu = document.getElementById("contactusnavigationboxwrapper");
		break;		
	case "guestbook":
		popupBar = document.getElementById("guestbooknavigationspacer");
		popupMenu = document.getElementById("guestbooknavigationboxwrapper");
		break;
	case "governance":
		popupBar = document.getElementById("governancenavigationspacer");
		popupMenu = document.getElementById("governancenavigationboxwrapper");
		break;		
	case "activities":
		popupBar = document.getElementById("activitiesnavigationspacer");
		popupMenu = document.getElementById("activitiesnavigationboxwrapper");
		break;
	case "services":
		popupBar = document.getElementById("servicesnavigationspacer");
		popupMenu = document.getElementById("servicesnavigationboxwrapper");
		break;
	case "news":
		popupBar = document.getElementById("newsnavigationspacer");
		popupMenu = document.getElementById("newsnavigationboxwrapper");
		break;		
	default:
		alert("Error: No navigation selected");
	}	
	
	// hide the popup menu
	popupBar.style.display = "none";
	popupMenu.style.display = "none";			
}

// we call this method to keep the navigation menu opened
// rightorleft - specifies if we want to keep the right or left navigation opened
function keepNavigationOpen(navigationId)
{
	switch (navigationId)
	{
	case "aboutus":
		popupBar = document.getElementById("aboutusnavigationspacer");
		popupMenu = document.getElementById("aboutusnavigationboxwrapper");
		break;
	case "departments":
		popupBar = document.getElementById("departmentsnavigationspacer");
		popupMenu = document.getElementById("departmentsnavigationboxwrapper");
		break;
	case "contactus":
		popupBar = document.getElementById("contactusnavigationspacer");
		popupMenu = document.getElementById("contactusnavigationboxwrapper");
		break;	
	case "guestbook":
		popupBar = document.getElementById("guestbooknavigationspacer");
		popupMenu = document.getElementById("guestbooknavigationboxwrapper");
		break;		
	case "governance":
		popupBar = document.getElementById("governancenavigationspacer");
		popupMenu = document.getElementById("governancenavigationboxwrapper");
		break;
	case "activities":
		popupBar = document.getElementById("activitiesnavigationspacer");
		popupMenu = document.getElementById("activitiesnavigationboxwrapper");
		break;
	case "services":
		popupBar = document.getElementById("servicesnavigationspacer");
		popupMenu = document.getElementById("servicesnavigationboxwrapper");
		break;
	case "news":
		popupBar = document.getElementById("newsnavigationspacer");
		popupMenu = document.getElementById("newsnavigationboxwrapper");
		break;		
	default:
		alert("Error: No navigation selected");
	}	
	
	// display the popup menu
	popupBar.style.display = "block";
	popupMenu.style.display = "block";	
}