Suggestion: Use Mouseover? Tables? Looking for a simple fix.

http://plaza.ufl.edu/orozcoj/example.bmp

Referring to the image above:

What I'd like to do is have the image (Pepsi-like symbol) change when the
mouse is placed over various links (shown). I'm sure there are several different ways of pulling this off, but I'd like to know what first comes to mind for the experts.

Thanks,
J.L.O.

Give the image an ID.

<img id="main_img" src="pepsi.jpg"/>


Create an image swap function as follows:

function imageSwap(imgId, imgSrc) {
var img = document.getElementById(imgId);
img.src = imgSrc;
}


Then call this function onmouseover and onmouseout of the links:

<a href="http://www.google.com" onmouseover="imageSwap('main_img','img1.jpg');" onmouseout="imageSwap('main_img','pepsi.jpg');">Link 1</a>


That's what I would do.....
Sadiq.