setMask problem

Hi Guys,
Im trying to do this transition effect and been working on it for a while now.

I have a movie clip imageMC with a clipMC inside it where an external image is loaded into it. The movieClip is duplicted then resizes and fades out using the following code:

function loadImage(pic){
 
 pos=pos+1;
 var clip=imageMC.duplicateMovieClip("cont"+pos, this.getNextHighestDepth());
 curIm.setMask(maskMC);
 clip.swapDepths(curIm);
 curImage.scaleIt(); 
 
 curImage=clip.clipMC;
 curIm=clip;
 
 curImage.loadMovie(pic);
 curImage._x=-maskMC._width/2;
 curImage._y=-maskMC._height/2;
 clip.setMask(maskMC);
}
MovieClip.prototype.scaleIt = function() {
 //trace(this);
 var speed = 2;
 var spacing=0;
 var duration = 10;
 var step = 100/duration;
 this._alpha = 100;
 this.setMask(maskMC);
 this.onEnterFrame =function(){
  //this.setMask(maskMC);
  this._x = -this._width/speed;
  this._y = -this._height/speed;
  this._alpha -= step;
  
  if (this._xscale<500) {
            this._width += 50;
            this._yscale = this._xscale;
   //this.setMask(maskMC);
        } else {
            delete this.onEnterFrame;
   this.unloadMovie();
            this._yscale = this._xscale=500;
        }  
 }
};

However i want to mask the movieclip when it resizes but it doesnt seem to work. I have attached the fla so you can see what i have done. You will need to create 4 images p.jpeg, p1.jpeg, p2.jpgp3.jpg

Thanks

Daniel