// Set up main tab menu names and links
var aMenuNames=new Array('Home','Project Need', 'Alternatives','Draft EIS','Final EIS','Meetings','Schedule');
var aMenuLinks=new Array('index.html','project_need.html', 'alternatives.html','draft_eis.html','final_eis.html','public_involvement.html','nepa_process.html');

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('<table border="0" cellpadding="0" cellspacing="0">');
					document.write('<tr>');
						document.write('<td height="25" align="right" valign="middle" class="CopyBoldBlack">');
						//	document.write('<a href="index.html" class="utility">Project Partners</a>  |  <a href="faqs.html" class="utility">Media</a>  |  <a href="contact.html" class="utility">Contact Us</a>  ');
							document.write('&nbsp;');
						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="#999999"><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="#BBBBBB"><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+'\',\'#8B92BA\');">'+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="#999999"><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="#999999"><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())
}