I have 3 different versions of an image and I am modifying the image with onMouseOver, onMouseOut and onClick events.

The problem is the image after onClick event is being overwritten by the onMouseOut event. How do I void the onMouseOut event after onClick event ?

default image: image1
onMouseOver: image2
onMouseOut: image1
onClick: image3

In essence, I want to retain 'image3' after onClick event (moving the mouse should not trigger onMouseOut).

Is it possible ?