
<!-- array holding drop down menu info.  Format: name, page address, Text to display --> 
var homeMenuItems = new Array(
["home", "default.asp", "Home Page"],
["about", "about_us.asp", "About Us"],
["partners", "project_partners.asp", "Project Partners"],
["case", "case_studies.asp", "Case Studies"],
["services", "subsidised-services.asp", "Free and Subsidised Services"],
["contact", "contact_us.asp", "Contact Us"],
["links", "links.asp", "Links"]);
var materialsMenuItems = new Array(
["available", "materials_available.asp", "Materials Available"],
["wanted", "materials_wanted.asp", "Materials Wanted"],
["advancedsearch", "advanced_search.asp", "Advanced Search"],
["legal", "legal.asp", "Legal Requirements"],
["feedback", "feedback.asp", "Feedback"]);
var membersMenuItems = new Array(
["register", "register.asp", "Register"],
["login", "login.asp", "Login"]);
var memberslogonMenuItems = new Array(
["memberhome", "member_home.asp", "Member Home Page"],
["modifycontact", "member_details.asp", "Modify Contact Details"],
["addlisting", "add_new_listing.asp", "Add New Listing"],
["modifylisting", "modify_listing.asp", "Modify Listing"]);

<!-- javascript to generate drop down menus as tables --> 
function createMenu(menuName, menuItems)
{
var tableRowHTML = "";
var rowCount;
var totalNoRows = menuItems.length;
var divHTML = '<DIV ID="' + menuName + 'MenuDiv" CLASS="' + menuName + '"';
divHTML = divHTML + 'onmouseout="return hideMenu(this)">';
var tableHTML = '<TABLE BORDER=0 CELLSPACING=1 CELLPADDING=1 ID="' 
+ menuName + 'Table">';
for (rowCount = 0; rowCount < totalNoRows; rowCount++)
{
tableRowHTML = tableRowHTML + '<TR><TD ID="' +
menuName + menuItems[rowCount][0] +
'" RollOver RollOut';
tableRowHTML = tableRowHTML + ' onclick="goPage(\''
+ menuItems[rowCount][1] + '\')"';
tableRowHTML = tableRowHTML
+ 'CLASS="TDMenu">' + menuItems[rowCount][2]
+ '</TD></TR>';
}
return divHTML + tableHTML + tableRowHTML + '</TABLE></DIV>';
}

<!-- javascript to display appropriate menu.  style dictates where to put menu on page --> 
function showMenu(menuToShow)
{
var srcElement = event.srcElement;
var xPos = parseInt(srcElement.offsetLeft);
var yPos = parseInt (srcElement.offsetTop);

menuToShow.style.left = xPos +1
menuToShow.style.top = 27
}

<!-- hides menu off page when mouse is not over tabs --> 
function hideMenu(menuToHide)
{
if (event.toElement != menuToHide && 
menuToHide.contains(event.toElement) == false)
	{
	menuToHide.style.left = -200;
	menuToHide.style.top = -1000;
	}
}

<!-- dictates colour of dropdown menu link when mouse moved down drop down menu --> 
function document_onmouseover()
{
var srcElement = event.srcElement;

if (srcElement.tagName == "TD" && typeof(srcElement.RollOver) !="undefined")
	{
srcElement.style.color = "darkblue";
srcElement.style.backgroundColor = "lightgrey";
	}
}

<!-- Colour of link when mouse leaves link on drop down menu --> 
function document_onmouseout()
{
var srcElement = event.srcElement;
if (srcElement.tagName == "TD" && typeof(srcElement.RollOut) !="undefined")
	{
	srcElement.style.color = "white";
	srcElement.style.backgroundColor = "transparent";
	}
}

<!-- The link to follow when mouse click on drop down menu --> 
function goPage(src)
{
window.location.href = src;
}	
document.onmouseover = document_onmouseover;
document.onmouseout = document_onmouseout;