// Set up main tab menu names and links
var aMenuNames=new Array('Home','About Access Utah County','Project Timelines','FAQs','Contact Us','Media');
var aMenuLinks=new Array('index.php','about.php','project.php','faqs.php','contact.php','media.php');

function fShowMenu(vCurrentMenu)
{
	if(vCurrentMenu>-1)
	{
		vCurrentMenu-=1;
	}
	
	document.write('<table width="755" border="0" cellpadding="0" cellspacing="0">');
		document.write('<tr>');
			document.write('<td align="left" valign="baseline">');
				document.write('<img src="images/spacer.gif" width="156" height="10" hspace="0" vspace="0" align="left">');
			document.write('</td>');
			document.write('<td align="left" valign="bottom">');
				document.write('<table border="0" cellpadding="0" cellspacing="0">');
					document.write('<tr>');
						document.write('<td height="25" align="left" valign="middle" class="CopyLinkRed">');
							//document.write('MOVING TRANSPORTATION FORWARD');
						document.write('</td>');
						document.write('<td height="25" align="right" valign="middle" class="CopyBoldBlack">');
							//document.write('<a href="index.php" class="utility">Home</a> | <a href="faq.php" class="utility">FAQ</a> | <a href="contact.php" class="utility">Contact Us</a>');
						document.write('</td>');
					document.write('</tr>');
					document.write('<tr>');
						document.write('<td colspan="2">');
						for(iLoop=0;iLoop<aMenuNames.length;iLoop++)
						{
							document.write('<table border="0" align="left" cellpadding="0" cellspacing="0">');
								document.write('<tr>');
									document.write('<td bgcolor="#FFFFFF"><img src="images/spacer.gif" width="1" height="1"></td>');
									document.write('<td bgcolor="#666666"><img src="images/spacer.gif" width="1" height="1"></td>');
									document.write('<td bgcolor="#FFFFFF"><img src="images/spacer.gif" width="1" height="1"></td>');
								document.write('</tr>');
								document.write('<tr>');
									document.write('<td width="1" bgcolor="#999999"><img src="images/spacer.gif" width="1" height="1"></td>');
									document.write('<td>');
									if(vCurrentMenu!=iLoop)
									{
										document.write('<div id="tab'+iLoop+'" class="TabMenuOff"><a href="'+aMenuLinks[iLoop]+'" class="mainmenu" onmouseover="fChangeBackgroundColor(\'tab'+iLoop+'\',\'#1B6639\');" onmouseout="fChangeBackgroundColor(\'tab'+iLoop+'\',\'#999999\');">'+aMenuNames[iLoop]+'</a></div>');
									}
									else
									{
										document.write('<div class="TabMenuOn">'+aMenuNames[iLoop]+'</div>');
									}
									document.write('</td>');
									document.write('<td width="1" bgcolor="#666666"><img src="images/spacer.gif" width="1" height="1"></td>');
								document.write('</tr>');
							document.write('</table>');
						}
						document.write('</td>');
					document.write('</tr>');
				document.write('</table>');
			document.write('</td>');
		document.write('</tr>');
		document.write('<tr>');
			document.write('<td align="left" colspan="2" valign="middle" bgcolor="#666666"><img src="images/spacer.gif" width="1" height="1"></td>');
		document.write('</tr>');
	document.write('</table>');
}

function fChangeBackgroundColor(vElementID,vColor)
{
	document.getElementById(vElementID).style.backgroundColor=vColor;
}