mootools (fade Out ->Lade Bild -> fade In)

[Randy]

Hallo zusammen,
ich habe ein kleines Problem mit Mootools. Eventell kennt sich hier einer aus. Das offizielle Forum wurde ja leider geschlossen, und die restliche Foren sind ziemlich inaktiv.
Also folgendes: Ich habe verschiedene Links, die bei Klick ein Bild in ein Div laden, und zwar animiert.
Das ganze soll so aussehen, dass bei Betätigung des Links, der vorhandene Div ausgeblendet wird, dann ein neues Bild in den ausgeblendeten Div geladen wird, und dann der Div wieder eingeblendet wird.
Das Ganze funktioniert auf inhaltlich, jedoch habe ich Probleme mit der Reihenfolge.
Bei mir wird erst das Bild neu geladen, dann ausgefadet, und dann wieder eingefadet.
Hier meine zugehörige Funktion. Eventuell kann wer helfen.

PHP-Code:

function swap(Name, imgheight, ImageURL)
    {
    var myDiv = $('gallery_right');
    var morph = new Fx.Morph('gallery_right', {link: 'chain'}, {duration: 3000, transition: Fx.Transitions.Sine.easeOut});
    var myImage = new Asset.images(ImageURL, {
        onProgress: function() {
            morph.start({'opacity': 0});
        },
        onComplete: function(){
              morph.start({'height': imgheight });
            myDiv.empty();
            myImage.inject(myDiv);
            morph.start({'opacity': 1});
            }
    });
    
} 


Herzlichen Dank