image1 = new Image();
image1.src = "images/homeover.png";

image2 = new Image();
image2.src = "images/historyover.png";

image3 = new Image();
image3.src = "images/phillyover.png";

image4 = new Image();
image4.src = "images/funfactsover.png";

image5 = new Image();
image5.src = "images/joinover.png";

function showNavBar(page)
{
	document.write ("<table width=\"150\" border=\"0\" cellspacing =\"0\" cellpadding = \"0\">");
	if (page == "home")
		document.write ("<tr><td><img src=\"images/homeon.png\" border=0></td></tr> ");
	else
		document.write ("<tr><td> <a href=\"index.html\" onmouseover=\"image1.src='images/homeover.png';\" onmouseout=\"image1.src='images/homereg.png';\"> <img name=\"image1\" src=\"images/homereg.png\" border =0></a> </td> </tr>");
	
	if (page == "history")
		document.write ("<tr><td><img src=\"images/historyon.png\" border=0></td></tr>");
	else
		document.write ("<tr> <td> <a href=\"history.html\" onmouseover=\"image2.src='images/historyover.png';\" onmouseout=\"image2.src='images/historyreg.png';\"> <img name=\"image2\" src=\"images/historyreg.png\" border=0></a> </td> </tr>");
	
	if (page == "philly")
		document.write ("<tr><td><img src=\"images/phillyon.png\" border =0></td></tr>");
	else
		document.write ("<tr> <td> <a href=\"today.html\" onmouseover=\"image3.src='images/phillyover.png';\" onmouseout=\"image3.src='images/phillyreg.png';\"> <img name=\"image3\" src=\"images/phillyreg.png\" border =0></a> </td> </tr>");
	
	if (page == "funfacts")
		document.write ("<tr><td><img src=\"images/funfactson.png\" border =0></td></tr>");
	else
		document.write ("<tr> <td> <a href=\"funfacts.html\" onmouseover=\"image4.src='images/funfactsover.png';\" onmouseout=\"image4.src='images/funfactsreg.png';\"> <img name=\"image4\" src=\"images/funfactsreg.png\" border=0></a> </td> </tr>");
	
	if (page == "join")
		document.write ("<tr><td><img src=\"images/joinon.png\" border =0></td></tr>");
	else
		document.write ("<tr> <td> <a href=\"join.html\" onmouseover=\"image5.src='images/joinover.png';\" onmouseout=\"image5.src='images/joinreg.png';\"> <img name=\"image5\" src=\"images/joinreg.png\" border=0></a> </td> </tr> ");
	
	document.write ("</table>");
}