Multiple images on mouseover

[reefoid]

I'm doing a site at the moment where on the home page there is an image and then a list of product links listed below it. My client wants the image to change when a user hovers the mouse over each product link.

What is the best way to do this? I know how to change images on mouseover using CSS, but that only give me the option to have two different images and they will have between 3-8 products listed under the image so need to be able to support this.

Is this a Javascript job? Any advice gratefully received.

Thanks

 

[reefoid]

Thanks guys. I've only dabbled a bit with JS, are there any decent tutorials out there for this kind of thing?

 

[reefoid]

Thanks gord, looks like a good place to start.