Should be simple - probably is - but I can't do it.

I have a circle divided into two halves - like a split apple.

Click on the left half of the circle image and I want a rollover image effect. I can do that. Same for the right half image. I can do that too.

<a href="#" onMouseOver="over(0)" onMouseOut="out(0)">
<img border="0" src="mo_side1.gif" name="side1" width="150" height="350"></a></td>
<td>
<a href="#" onMouseOver="over(1)" onMouseOut="out(1)">
<img border="0" src="mo_side2.gif" name="side2" width="150" height="350"></a></td>

It references an external js file (at bottom of this post). Works well.

What I want is for the rollover to affect the other side graphic too.

Each side has three images. 6 images altogether.

So, mouseover on left side image - it changes to the left rollover image AND causes the RIGHT side image to change to a new third image (for that side).

Mouseover on right side image - it changes to the right rollover image AND causes the LEFT side image to change to a new third image (for that side).

I can't see why the method below doesn't work if I add 'side3' to the external js routine: var stuff = new Array('side1','side2','side3');

<a href="#" onMouseOver="over(0);over(2)" onMouseOut="out(0);out(1)">
<img border="0" src="mo_side1.gif" name="side1" width="150" height="350"></a></td>
<td>
<a href="#" onMouseOver="over(2);over(1)" onMouseOut="out(0);out(1)">
<img border="0" src="mo_side2.gif" name="side2" width="150" height="350"></a></td>

Thanks,

Terry


**********************************
<!--
// Some variables

var base= "mo_"
var nrm = new Array();
var omo = new Array();
var stuff = new Array('side1','side2');

// Pre-load part.

if (document.images)
{
for (i=0;i<stuff.length;i++)
{
nrm[i] = new Image;
nrm[i].src = base + stuff[i] + ".gif"
omo[i] = new Image;
omo[i].src = base + stuff[i] + "_omo.gif";
}
}


// The functions: first mouseover, then mouseout

function over(no)

{alert(no);
if (document.images)
{
document.images[stuff[no]].src = omo[no].src
}
}

function out(no)
{
if (document.images)
{
document.images[stuff[no]].src = nrm[no].src
}
}
// End -->