I have the following code that uses a mouseOver event to change the tab and banner image below it. Everything works fine but I would like to be able to change the link on the banner image so that when each banner has a different link. The default banner has a link but I can't make it change when the images and banner changes.
<html>
<head>
<script language="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_pre
loadImages
.arguments
; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=
a[i])&&x.o
Src;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arg
uments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=
3)
if ((x=MM_findObj(a[i]))!=nul
l){documen
t.MM_sr[j+
+]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&p
arent.fram
es.length)
{
d=parent.frames[n.substrin
g(p+1)].do
cument; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;
i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.
layers.len
gth;i++) x=MM_findObj(n,d.layers[i]
.document)
;
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
//-->
</script>
</head>
</body>
<TABLE WIDTH=430 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=4 ALIGN=left VALIGN=top>
<IMG SRC="images/Headline.gif" WIDTH=430 HEIGHT=33 ALT=""></TD>
</TR><TR>
<TD ALIGN=left VALIGN=top>
<a href="
http://www.recreation.du.edu/club/pass.html" target="_blank" onMouseOver="MM_swapImage(
'pass','',
'images/No
t-Too-Late
_02.gif','
ftbt','','
images/Not
-Too-Late_
03.gif','c
fc','','im
ages/Not-T
oo-Late_04
.gif','col
Hockey',''
,'images/N
ot-Too-Lat
e_05.gif',
'banner','
','images/
Not-Too-La
te_06.gif'
,1)"><IMG name="pass" SRC="images/Not-Too-Late_0
2.gif" WIDTH=107 HEIGHT=15 border="0" ALT=""></a></TD>
<TD ALIGN=left VALIGN=top>
<a href="
http://www.recreation.du.edu/fitness/fitToBeTied.html" target="_blank" onMouseOver="MM_swapImage(
'ftbt','',
'images/Pa
nel-B_03.g
if','pass'
,'','image
s/Panel-B_
02.gif','c
fc','','im
ages/Not-T
oo-Late_04
.gif','col
Hockey',''
,'images/N
ot-Too-Lat
e_05.gif',
'banner','
','images/
Panel-B_06
.gif',1)">
<IMG name="ftbt" SRC="images/Not-Too-Late_0
3.gif" WIDTH=109 HEIGHT=15 border="0" ALT=""></a></TD>
<TD ALIGN=left VALIGN=top>
<a href="
http://www.recreation.du.edu/fitness/membershipSummer.html" target="_blank" onMouseOver="MM_swapImage(
'banLink',
'','
http://www.du.edu','cfc','','images/Panel-C_04.gif','pass','','images/Panel-B_02.gif','ftbt','','images/Not-Too-Late_03.gif','colHockey','','images/Not-Too-Late_05.gif','banner','','images/Panel-C_06.gif',1)"><IMG name="cfc" SRC="images/Not-Too-Late_0
4.gif" WIDTH=108 HEIGHT=15 border="0" ALT=""></a></TD>
<TD ALIGN=left VALIGN=top>
<a href="
http://www.recreation.du.edu/ice/youthHockeyCamps.html" target="_blank" onMouseOver="MM_swapImage(
'colHockey
','','imag
es/Panel-D
_05.gif','
cfc','','i
mages/Not-
Too-Late_0
4.gif','pa
ss','','im
ages/Panel
-B_02.gif'
,'ftbt',''
,'images/N
ot-Too-Lat
e_03.gif',
'banner','
','images/
Panel-D_06
.gif',1)">
<IMG name="colHockey" SRC="images/Not-Too-Late_0
5.gif" WIDTH=106 HEIGHT=15 border="0" ALT=""></a></TD>
</TR><TR>
<TD COLSPAN=4 ALIGN=left VALIGN=top>
<a name="banLink" href="
http://www.recreation.du.edu/clubs/pass.html"><IMG
name="banner" SRC="images/Not-Too-Late_0
6.gif" WIDTH=430 HEIGHT=77 border="0" ALT=""></a></TD>
</TR>
</TABLE>
</body>
</html>
