HELP with some javascript I will pay for this help im in a hurry

[certifiedhost]

I am trying to code a menu. I am using css and php includes to have one menu file. I need a photo to change when the link is click and changes the page.

<?
//register globals problem

if (!ini_get('register_globals'))
{
	$frm = array_merge($_GET, $_POST);
	foreach($frm as $k => $v)
	{
		if (strstr(';', $k))
		{
			exit;
		}
		eval('global $'.addslashes($k).';$'.addslashes($k).'=\''.str_replace("'", "\\'", $v).'\';');
	}
}
?>
<style type="text/css">
<!--

#nav a {
	text-decoration:none;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	letter-spacing: 2px;
}
#nav ul a:link {
	text-decoration: none;
	color: #BB925A;
	font-weight: bolder;
	font-family: "Trebuchet MS";
	letter-spacing: 2px;
}

#nav a:hover {
	text-decoration: none;
	color: #ffffff;
	font-family: "Trebuchet MS";
	letter-spacing: 2px;
}
#nav a:visited:hover{
	text-decoration: none;
	color: #ffffff;
	font-family: "Trebuchet MS";
	letter-spacing: 2px;
}
#nav {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: bolder;
	text-transform: capitalize;
	text-decoration: none;
	text-align: right;
	color: #bb925a;
	float: left;
	width: 211px;
	line-height: 11px;
	letter-spacing: 5px;
	height: 100%;
	margin-top: 50px;
}
#nav a:hover {
	font-family: "Trebuchet MS";
	color: #ffffff;
	text-decoration: none;
}
#nav li {
	font-family: "Trebuchet MS";
	color: #bb925a;
	text-decoration: none;
}
#nav a:visited{
	text-decoration: none;
	color: #BB925A;
	}
.shadow {
	height: 1em;
	filter: Shadow(Color=#000000, 	
			Direction=135, 
			Strength=4);
}
-->
</style>
<table cellpadding=0 cellspacing=0 border=0 align=center>
	<tr>
		<td background="images/2005tableB-3.jpg" width="211px" style="background-repeat: no-repeat;"><div id="nav" class="shadow" ><ul id="nav">
<li><a href="2005location.php">LOCATION</a><img src="images/bullet.gif" />&nbsp;</li>
<li><a href="/2005accommodations.php">ACCOMMODATIONS</a><img src="images/bullet.gif" />&nbsp;</li>
<li><a href="2005gallery.php?Which=2005all&ID=4">IMAGE GALLERY</a><img src="images/bullet.gif" />&nbsp;</li>
<li><a href="2005summeractivities.php">SUMMER ACTIVITIES</a><img src="images/bullet.gif" />&nbsp;</li>
<li><a href="/2005skiseason.php?ID=14">SKI SEASON</a><img src="images/bullet.gif" />&nbsp;</li>
<li><a href="2005specialevents.php?ID=14">FAMILY GATHERINGS</a><img src="images/bullet.gif" />&nbsp;</li>
<li><a href="2005corporateretreats.php?ID=12">COPORATE EVENTS</a><img src="images/bullet.gif" />&nbsp;</li>
<li><a href="2005weddings.php?ID=5">WEDDINGS</a><img src="images/bullet.gif" />&nbsp;</li>
<li><a href="2005reservations.php?ID=7">RATES</a><img src="images/bullet.gif" />&nbsp;</li>
<li><a href="2005specials.php?ID=8">SPECIALS</a><img src="images/bullet.gif" />&nbsp;</li>
<li><a href="2005testimonials.php?ID=6">TESTIMONIALS</a><img src="images/bullet.gif" />&nbsp;</li>
<li><a href="2005contact.php?ID=11">RESERVATIONS</a><img src="images/bullet.gif" />&nbsp;</li>
</ul>
</div></td>
	  <td><?php echo $link; ?><img src="images/ph-<?php echo $image; ?>.jpg" width="523" height="248" border="0" alt="<?php echo $title; ?>"><?php echo $linkClose; ?><img src="images/tableB-5.gif" width="41" height="248" border="0" alt=""></td>
	</tr>
</table>
<table cellpadding=0 cellspacing=0 border=0 align=center width=775>
	<tr>
		<td><img src="images/tableB-6.gif" width="211" height="63" border="0" alt=""></td>
		<td><!--title--><img src="images/ttl-<?php echo $image; ?>.gif" width="523" height="63" border="0" alt="<?php echo $title; ?>"><img src="images/tableB-8.gif" width="41" height="63" border="0" alt=""></td>
	</tr>
</table>
<!--END table B-->