Image fade not dependant on loading

1

Hi All on Kirupa.

I have a question that I wonder if anyone could please help with??
I’ve been stuck on this so long.
I have downloaded a very nice xml image gallery, which as it is fades the current image out with a loading bar as a ratio of the next image loading. On very fast connections this takes no time and just disappears(or when image has already loaded once) where as if the connection is slower you can clearly see the fade out (if it is too slow it doesn’t look nice either).

I want to somehow control the time of this so that the fade out always lasts as long for all images. How can I do this?? I still want the next image to load before it starts fading in!

Can I add some time control to the first function below?

private function onLoadProgress(mc, bl, bt) {

		loadPer = bl/bt; 
		Old._alpha = 100-loadPer*100;
		updateLInd();
		
	}

private function newImg() {
		Old = Img;
		Img = this.createEmptyMovieClip("img"+(idx++), this.getNextHighestDepth());
		Img._alpha = 0;
	}
	private function onLoadInit() {

		loaded = true;
		Tweener.removeTweens(LBar);
		LBar._alpha = 0;
		Old.removeMovieClip();
		delete Old;
		var bd:BitmapData = new BitmapData(imgw, imgh, false, 0x000000);
		bd.draw(Img);
		Img.removeMovieClip();
		delete Img;
		newImg();
		Img.attachBitmap(bd, Img.getNextHighestDepth(), "auto", true);
		LBar.swapDepths(this.getNextHighestDepth());
		updateImg();
		Tweener.addTween(Bg, {_width:crtw, _height:crth, time:.4, rounded:true, transition:"easeoutquad", onUpdate:Delegate.create(this, updateOthers)});
		Tweener.addTween(Img, {_alpha:100, time:3, delay:.8, transition:"easeoutquad"});
		
	}

Please help!!

Thanks!