Javascript navigation mod

1

Hi guys, im trying to modify a javascript navigation menu on http://www.paciber.org/

im trying to add an extra button on the bottom. I can do it manuly by using the dreamweaver: add roll over image fuction, but im trying to use the javascript.

so the script is bellow, the first is of the website navigation, the second is the .js file.

So I created the step 7 (nav7) on both those scripts, but the rollover dosent work, any idea guys?

So the problem is: The link works, but the roll over dosent

<script language="JavaScript" src="../js/nav.js"></script>
    <script language="JavaScript" type="text/JavaScript">
<!--
 
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a*.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a*;}}
}
//-->
</script>


<tr><td><a onMouseOver="imgOn('nav1');" onMouseOut="imgOff('nav1');" href="../index.asp"><img name="nav1" src="../img/nav_home_off.gif" border="0"></a></td></tr>
<tr><td><a onMouseOver="imgOn('nav2');" onMouseOut="imgOff('nav2');" href="../mission/index.asp"><img name="nav2" src="../img/nav_mission_off.gif" border="0"></a></td></tr>
<tr><td><a onMouseOver="imgOn('nav3');" onMouseOut="imgOff('nav3');" href="../meeting/index.asp"><img name="nav3" src="../img/nav_members_off.gif" border="0"></a></td></tr>
<tr><td><a onMouseOver="imgOn('nav4');" onMouseOut="imgOff('nav4');" href="../members/index.asp"><img name="nav4" src="../img/nav_members_off.gif" border="0"></a></td></tr>
<tr><td><a onMouseOver="imgOn('nav5');" onMouseOut="imgOff('nav5');" href="../activities/index.asp"><img name="nav5" src="../img/nav_activities_off.gif" border="0"></a></td></tr>
<tr><td><a onMouseOver="imgOn('nav6');" onMouseOut="imgOff('nav6');" href="../faculty/index.asp"><img name="nav6" src="../img/nav_faculty_off.gif" border="0"></a></td></tr>
<tr><td><a onMouseOver="imgOn('nav7');" onMouseOut="imgOff('nav7');" href="../faculty/index.asp"><img name="nav7" src="../img/nav_contact_off.gif" border="0"></a></td></tr>



function imgOn(imgName)
{if (document.images) {document[imgName].src=eval(imgName+"on.src");}}
function imgOff(imgName)
{if (document.images) {document[imgName].src=eval(imgName+"off.src");}}
if (document.images)
{
nav1on=new Image(); nav1on.src="../../img/nav_home_over.gif";
nav1off=new Image(); nav1off.src="../../img/nav_home_off.gif";
nav2on=new Image(); nav2on.src="../../img/nav_mission_over.gif";
nav2off=new Image(); nav2off.src="../../img/nav_mission_off.gif";
nav3on=new Image(); nav3on.src="../../img/nav_meeting_over.gif";
nav3off=new Image(); nav3off.src="../../img/nav_meeting_off.gif";
nav4on=new Image(); nav4on.src="../../img/nav_members_over.gif";
nav4off=new Image(); nav4off.src="../../img/nav_members_off.gif";
nav5on=new Image(); nav5on.src="../../img/nav_activities_over.gif";
nav5off=new Image(); nav5off.src="../../img/nav_activities_off.gif";
nav6on=new Image(); nav6on.src="../../img/nav_faculty_over.gif";
nav6off=new Image(); nav6off.src="../../img/nav_faculty_off.gif";
nav7on=new Image(); nav7on.src="../../img/nav_contact_over.gif";
nav7off=new Image(); nav7off.src="../../img/nav_contact_off.gif";
}