revert image on blur not working

[turpentyne]

I've got a test page I've cobbled together from 3 different scripts. It's essentially a dropdown that changes images when its choices are rolled over or clicked, then it applies the choice to a form field that will be hidden in the final script.

 

I'm trying to put in an onblur to the div tag that makes the first image revert to it's default. But it doesn't work. I'm not sure if there's something else I need to do.

 

Here's the page I'm working with: http://www.mergecreate.com/test25i.html

[RussellReal]

I just took a look @ the page.. what function fires when the user leaves the menu? add in your custom code to that function and you should be alright.. the on blur will not happen because you're never focussed on it.. try onMouseOut instead if you're adamant about using an event on that particular element , however that will fire whenever you hover over each individual link inside the div .. you could also try onMouseLeave but I don't think that is crossbrowser friendly jquery .hover() will solve all your problems