mouseenter/mouseleave funktioniert beim ersten mal nicht

[chrisi1002]

Hallo!

möchte bei einer startseite beim rollover der maus ein bild zu einem anderen wechseln. soweit habe ich schon mit mootools das ganze realisiert, jedoch habe ich das problem, wenn die seite aufgerufen wird, das das bild erst beim zweiten mal überfahren gewechselt wird.

werden die events nicht richtig initialisiert?

bin draufgekommen, wenn ich das mouseleave nicht ausprogrammiere (also nichts mache) dann funktioniert auch das mouseenter nicht.

hier der code

  
window.addEvent('domready', function(){  
  
 $('gm').addEvents({  
  'mouseenter': function(){  
   show("gm", "gm-hell");  
  },  
  'mouseleave': function(){  
  }  
 });  
  
  $('gm-hell').addEvents({  
  'mouseenter': function(){  
  
  },  
  'mouseleave': function(){  
   show("gm-hell", "gm");  
  }  
 });  
...  
  
function show(alt, neu){  
 tDiv = alt;  
 vDiv = neu;  
  
  
 if($(tDiv).fx){$(tDiv).fx.stop();}  
 if($(vDiv).fx){$(vDiv).fx.stop();}  
 $(tDiv).fx = $(tDiv).effect('opacity', {duration: 700}).start(0);  
 $(vDiv).fx = $(vDiv).effect('opacity', {duration: 700}).start(1);  
}