Image switch: custom 'hover' event fails

Image switch: custom 'hover' event fails

It's kind of hard to start explaining what i did or maybe even harder why i did it that way. But ok i needed  text replacement for custom fonts. Cufon couldn't be used because of the large amount of text and javascript in general on the site. It should play nice on IE6 that's why i chose to use facelift (server side text to image replacement). The problem arose when i needed to show a different font on hover state. I created two elements with the same position and now i want to switch them on hover state! It's actually working but when hovering fast over the different elements the hover state's mixes up ending ugly and wrong... 

check a live example 

Or please have a look at my code at pastebin

regards Volkan