var d = document;

function LinkData(szDisplayText, szDestination, szTarget){

   this.DisplayText = szDisplayText;
   this.Destination = szDestination;
   this.Target = szTarget;

}

//-------------------------------------------------------------------------------------------------------------

function ShowNavigation(szPageHeading, nSelected){

   var szOutput = new String("");
   var szLink = new Array();
   var szSpacer = '';

   var szLinkHTML = new String("<tr height='22'><td align='left' bgcolor='#FFCC00' onmouseover='this.style.backgroundColor=\"#FFFF00\"' onmouseout='this.style.backgroundColor=\"#FFCC00\"'><a class='White' target='@TARG' href='@DEST'><img src='spacer.gif' width='5' height='0' border='0'>@TEXT<img src='spacer.gif' width='0' height='0' border='0'></a></td></tr><tr height='4'><td colspan='2'></td></tr>");

   szLink[0] = new LinkData("Home","index.asp", "");
   szLink[1] = new LinkData("Introduction","introduction.asp", "");
   szLink[2] = new LinkData("About", "about.asp", "");
   //szLink[3] = new LinkData("Demo", "demo.asp", "mainframe");


   szOutput += "<table cellspacing='0' align='center' width='150' border='0'>";

   for(var n = 0; n <= szLink.length - 1; n++){
      if(n == 8){
         szOutput += "<tr height='22'><td align='left' valign='middle'><img src='spacer.gif' width='5' height='0' border='0'>&nbsp;<img src='spacer.gif' width='0' height='0' border='0'></td></tr><tr height='4'><td colspan='2'></td></tr>";
      }
      szOutput += szLinkHTML.replace(/@TEXT/, szLink[n].DisplayText).replace(/@DEST/, szLink[n].Destination).replace(/@TARG/, szLink[n].Target);
   }

   szOutput += "<tr height='22'><td align='left' valign='middle'><img src='spacer.gif' width='5' height='0' border='0'><img src='spacer.gif' width='0' height='0' border='0'></td></tr><tr height='4'><td colspan='2'></td></tr>";

   szOutput += "</table>";

   szOutput += "</td>";
   szOutput += "<td valign='top'></td>";
   szOutput += "<td valign='top'><p class='mHeading'>" + szPageHeading + "</p>";

   d.write(szOutput);

   return;

}

function AdminNavigation(szPageHeading, nSelected){

   var szOutput = new String("");
   var szLink = new Array();
   var szSpacer = '';

   var szLinkHTML = new String("<tr height='22'><td align='left' bgcolor='#FFCC00' onmouseover='this.style.backgroundColor=\"#FFFF00\"' onmouseout='this.style.backgroundColor=\"#FFCC00\"'><a class='White' target='@TARG' href='@DEST'><img src='spacer.gif' width='5' height='0' border='0'>@TEXT<img src='spacer.gif' width='0' height='0' border='0'></a></td></tr><tr height='4'><td colspan='2'></td></tr>");

   szLink[0] = new LinkData("Edit Admin Details","displayAdmin.asp", "");
   szLink[1] = new LinkData("Organisation Details","displayOrg.asp", "");
   szLink[2] = new LinkData("User Details","displayusers.asp", "");
   szLink[3] = new LinkData("Users LoggedIn","show_users.asp", "");
   szLink[4] = new LinkData("Login Stats", "loginstats.asp", "");
   szLink[5] = new LinkData("Search","adminIndex.asp", "");
   szLink[6] = new LinkData("Logout","../logout.asp", "");

   szOutput += "<table cellspacing='0' align='center' width='150' border='0'>";

   for(var n = 0; n <= szLink.length - 1; n++){
      if(n == 8){
         szOutput += "<tr height='22'><td align='left' valign='middle'><img src='spacer.gif' width='5' height='0' border='0'>&nbsp;<img src='spacer.gif' width='0' height='0' border='0'></td></tr><tr height='4'><td colspan='2'></td></tr>";
      }
      szOutput += szLinkHTML.replace(/@TEXT/, szLink[n].DisplayText).replace(/@DEST/, szLink[n].Destination).replace(/@TARG/, szLink[n].Target);
   }

   szOutput += "<tr height='22'><td align='left' valign='middle'><img src='spacer.gif' width='5' height='0' border='0'><img src='spacer.gif' width='0' height='0' border='0'></td></tr><tr height='4'><td colspan='2'></td></tr>";

   szOutput += "</table>";

   szOutput += "</td>";
   szOutput += "<td valign='top'></td>";
   szOutput += "<td valign='top'><p class='mHeading'>" + szPageHeading + "</p>";

   d.write(szOutput);

   return;

}

function UserNavigation(szPageHeading, nSelected){

   var szOutput = new String("");
   var szLink = new Array();
   var szSpacer = '';

   var szLinkHTML = new String("<tr height='22'><td align='left' bgcolor='#FFCC00' onmouseover='this.style.backgroundColor=\"#FFFF00\"' onmouseout='this.style.backgroundColor=\"#FFCC00\"'><a class='White' target='@TARG' href='@DEST'><img src='spacer.gif' width='5' height='0' border='0'>@TEXT<img src='spacer.gif' width='0' height='0' border='0'></a></td></tr><tr height='4'><td colspan='2'></td></tr>");

   szLink[0] = new LinkData("About UDC Online","userAbout.asp", "");
   szLink[1] = new LinkData("Introduction","userIntro.asp", "");
   szLink[2] = new LinkData("UDC","udc.asp", "");
   szLink[3] = new LinkData("Disclaimer", "userDisclaimer.asp", "");
   szLink[4] = new LinkData("Change Password","displayUser.asp", "");

   szOutput += "<table cellspacing='0' align='center' width='150' border='0'>";

   for(var n = 0; n <= szLink.length - 1; n++){
      if(n == 8){
         szOutput += "<tr height='22'><td align='left' valign='middle'><img src='spacer.gif' width='5' height='0' border='0'>&nbsp;<img src='spacer.gif' width='0' height='0' border='0'></td></tr><tr height='4'><td colspan='2'></td></tr>";
      }
      szOutput += szLinkHTML.replace(/@TEXT/, szLink[n].DisplayText).replace(/@DEST/, szLink[n].Destination).replace(/@TARG/, szLink[n].Target);
   }

   szOutput += "<tr height='22'><td align='left' valign='middle'><img src='spacer.gif' width='5' height='0' border='0'><img src='spacer.gif' width='0' height='0' border='0'></td></tr><tr height='4'><td colspan='2'></td></tr>";

   szOutput += "</table>";
   
   d.write(szOutput);

   return;

}

//-----------------------------------------------------------------------------------------------------------------

function toggle(target)
	{
		if( target.style.display != "block" )
		{
			target.style.display = "block";
		}
		else
		{
			target.style.display = "none";
		}
		return false;
	}
function highlight(n)
	{
		var children = n.getElementsByTagName("div");
		for( i = 0 ; i < children.length ; i ++ )
		{
			if( children[i].className == "menuitem" ) 
			{
				children[i].onmouseover = yellow;
				children[i].onmouseout = orange;
			}
		}
	}
function yellow()
	{
		this.style.backgroundColor = '#FFFF00';
	}
function orange()
	{
		this.style.backgroundColor = '#FFCC00';
	}
