Targeting mouseover imageswap

[endoflux]

thread216-1228921 got me started...

I've got a text menu in one column, and want to display a relevant image to that link upon rollover of each item in that menu in the next column over. I understand how to replace the actual menu item upon rollover, but how would I target this to the next column over?

Thanks in advance!

 

[endoflux]

Okay, now tht I read that, it's kinda vague-- here's what I've got so far:

<SCRIPT type="text/javascript">
<!--

var ReasonOn = new Image();
ReasonOn.src = "images\Reason.jpg";
var ReasonOff = new Image();
ReasonOff.src = "";
var FreeStateOn = new Image();
FreeStateOn.src = "images\freestate.jpg";
var FreestateOff = new Image();
FreestateOff.src = "";

function imgChange(which,state) {
document.getElementById(which+'Nav').src = eval(which+'Nav_'+state+'.src');
document.getElementById(which+'Txt').src = eval(which+'Nav_'+state+'.src');
}
-->
</SCRIPT>


...and...

<td width=225 valign=top><b><font face="Helvetica" size=2>
<br><br>
<a class=sublinks href=

http://www.page1.com

onMouseOver="imgChange('Reason','On');" onmouseout="imgChange('Reason','Off');">Page 1</a><p>
<a class=sublinks href=

http://www.page2.com

onMouseOver="imgChange('Freestate','On');" onmouseout="imgChange('Freestate','Off');">Page 2</a><p>
</td>
<td width=409 valign=top align=left><br><br>
<img src=TARGET IMAGE HERE UPON ROLLOVER>
</td>

Hopefully this is more helpful....Thanks!