Hello all,
This is a simple concept that I'm having a hard time explaining for some reason...

I made a webpage in photoshop, used slices to cut it up, and then saved it for web and devices. I saved three different images - a "normal" image, a mouseover image, and a "current page" image. The slices are going to be used in a navigation bar. However, photoshop doesn't do a mouseover effect - that would need to be added manually.

I saved the normal image in the images directory, and saved the mouseover images to images/mouseover. Saved the current page images to images/current.

I want to add a mouseover effect to a couple of graphics, but I'd like it to be fairly automatic. In other words, I don't much want to add seperate javascript code for each and every graphic, but rather I'd like to be able to add the same code, and have each graphic change relative to the original graphic. Maybe a sub that is passed the type of graphic to display (normal or current) and have some way to detect if the mouse passes over a graphic that calls that function to change it to the mouseover graphic automatically.

The reason I want to do this is because I anticipate the person I'm making the webpage for to want to rearrange a few things, add menu items, etc. He's a very visual person, so I'm trying to make the page before I ask him how he wants it. I figure, if I just need a snippit in each image, it's tons easier.

Any ideas?

The images are stored in three directories relative to the webpage: