// Set up main tab menu names and links
var aMenuNames=new Array('Home','Public Information','Environmental Documents','Final EA','Contact Us');
var aMenuLinks=new Array('index.htm','public.htm','environmental.htm','final-ea.htm','contact.htm');


	

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="right" valign="baseline">');
				document.write('<img src="images/spacer.gif" width="156" height="1" hspace="0" vspace="0" align="left">');
				document.write('<table border="0" cellpadding="0" cellspacing="0">');
					document.write('<tr>');
						document.write('<td height="25" align="right" valign="middle" class="CopyBoldBlack">'); 
						//navigation bar located above the folder tabs
							document.write(' <a href=index.htm class="utility">Home</a>  |  <a href="public.htm" class="utility">Public Information</a>  |  <a href="environmental.htm" class="utility">Environmental Documents</a>  |  <a href=final-ea.htm class="utility">Final EA</a>  |  <a href=contact.htm class="utility">Contact Us</a>');
							//end supplementary nav bar
						document.write('</td>');
					document.write('</tr>');
					document.write('<tr>');
						document.write('<td>');
						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+'\',\'#F2F1EA\');" onmouseout="fChangeBackgroundColor(\'tab'+iLoop+'\',\'#999\');">'+aMenuNames[iLoop]+'</a></div>');
										//document.write('<td align="center" valign="middle" bgcolor="#999999"><a href="'+aMenuLinks[iLoop]+'" class="mainmenu">'+aMenuNames[iLoop]+'</a></td>');
									}
									else
									{
										document.write('<div class="TabMenuOn">'+aMenuNames[iLoop]+'</div>');
										//document.write('<td align="center" valign="middle" bgcolor="#F2F1EA" class="Black11Bold">'+aMenuNames[iLoop]+'</td>');
									}
									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" 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;//alert(String())
}