Image Change Mouse Over Links

I am trying to redo the look of my site.
I want to use images for my navigation bar, instead of the simple text I use now. I would like to know how to set it up so whenever you move the mouse over one of the image links in the navigation bar, the image will change. It needs to change to a different image for every link.
Does anyone know of a code? I use Front Page 2002 if that means anything. But I know basic stuff about inserting html code.

Well, you can do simple roll-overs in ImageReady. If you dont have that, then you can check out http://www.good-tutorials.com for some tutorials on it.

well...you can use javascript, or css rollovers. not sure how many people here use css rollovers that im talking about, to be frank i've never seen anybody use them before. basically, you make your image, and your rollover image, and put them into the same picture. then on A:nav hover { you just change the background position. no loading times cuz css is instant

I once used CSS rollover images for a navbar. I found that they didn't quite work as well as Javascript rollovers. That was a while ago now, so I'm not sure if the problem was browser related or if it was just my lack of experience with CSS at the time.

background position background position! lol