imgAbout = new Image();
imgAbout.src = "Images/AboutButton.gif";
imgClients = new Image();
imgClients.src = "Images/ClientsButton.gif";
imgContact = new Image();
imgContact.src = "Images/ContactButton.gif";

imgAboutSelected = new Image();
imgAboutSelected.src = "Images/AboutButtonSelected.gif";
imgClientsSelected = new Image();
imgClientsSelected.src = "Images/ClientsButtonSelected.gif";
imgContactSelected = new Image();
imgContactSelected.src = "Images/ContactButtonSelected.gif";

function highlightButton(intButtonNumber)
{
	if (intButtonNumber == 1)
	{
		document.AboutButton.src = imgAboutSelected.src;
	}
	else
	{
		document.AboutButton.src = imgAbout.src;
	}

	if (intButtonNumber == 2)
	{
		document.ClientsButton.src = imgClientsSelected.src;
	}
	else
	{
		document.ClientsButton.src = imgClients.src;
	}

	if (intButtonNumber == 3)
	{
		document.ContactButton.src = imgContactSelected.src;
	}
	else
	{
		document.ContactButton.src = imgContact.src;
	}
}

function buildNavigationBar(tableWidth,buttonNumber)
{
	document.writeln("<table cellspacing='0' cellpadding='0' border='0' width='" + tableWidth + "' align='center'>");
	document.writeln("<tr>");
	document.writeln("<td align='center'><a href='index.html' onClick='JavaScript:highlightButton(1)'><img name='AboutButton' src='Images/AboutButtonSelected.gif' width='44' height='13' border='About'></a></td>");
	document.writeln("<td align='center'><a href='Clients.html' onClick='JavaScript:highlightButton(2)'><img name='ClientsButton' src='Images/ClientsButton.gif' width='49' height='13' border='Clients'></a></td>");
	document.writeln("<td align='center'><a href='Contact.html' onClick='JavaScript:highlightButton('3)'><img name='ContactButton' src='Images/ContactButton.gif' width='56' height='13' border='Contact'></a></td>");
	document.writeln("</tr>");
	document.writeln("<tr><td colspan='3' height='6'></td></tr>");
	document.writeln("</table>");
	
	highlightButton(buttonNumber);
}