How to accomplish this?

How to accomplish this?

Okay I am trying to set this up so that when the page opens,
image 1 is visible( linked with name1),

then if you hover on name2 or name 3 , the image switches from the original( image1) to either image2 or image3 accordingly.

now here is the tricky part....

I want the image to remain the selected one until a new one is selected.

right now it uses css to change on hover but will not hold the new image. this is what I need help with .

here is the jsfiddle:



thanks to everyone for all there help.

Jeff