preloader problem!!!

hi im new to this forum so im sure you have been asked this a lot, ive been working on a website, ive placed prloaders on the content so when you select a button it will load an external swf file. the external swf is made up of several images and when you select the button it will go through them. problem is that the preloader is loading, but once it has loaded the first image of the external swf it displays the image whilst its still loading the rest of the swf. is there anything i can do so that the swf will not be diplayed until it has loaded completely? the website is www.zinkfilms.com, if you go to the animation section you will see what im talking about. here is the code i used in the preloader...

Code: Select all

var myMCL:MovieClipLoader = new MovieClipLoader();
var myListener:Object = new Object();

myMCL.addListener(myListener);

myListener.onLoadProgress = function(target_mc:MovieClip, bytesLoaded:Number, bytesTotal:Number) {
    var loaded:Number = Math.round((bytesLoaded/bytesTotal) * 100);
    progressBar.gotoAndStop(loaded);
}

myListener.onLoadInit = function (target_mc:MovieClip) {
    progressBar._visible = false;
}

myListener.onLoadStart = function (target_mc:MovieClip) {
    progressBar._visible = true;
}

myMCL.loadClip("http://www.lynda.com/flash8esst/clouds-lrg.jpg", "container");