Preloading multiple External Images

Hey’a, I just need a little help with this code.
Basically I want to preload images referenced from an array into the same container_mc.

This means that when I need to show the image in the same container_mc I can just use the preloader again to display it… As the image is already preloaded it will instantly show.

Heres the code… Can you please help?


stop();

//Preload Array
var preload_array:Array = new Array();
preload_array[0] = "pixeldragon.jpg";
preload_array[1] = "pixeldragon2.jpg";

//bar_mc Width for Bar Percentage
var bar_mc_width:Number = bar_mc._width;

//Preloader
mc_loader = new MovieClipLoader();
preload = new Object();
mc_loader.addListener(preload);
preload.onLoadStart = function(targetMC) {
    trace("Started Loading "+targetMC);
};
preload.onLoadProgress = function(targetMC, lBytes, tBytes) {
    bar_mc._width = (lBytes/tBytes)*bar_mc_width;
    pText.text = Math.round((lBytes/tBytes)*100)+"%";
};
preload.onLoadComplete = function(targetMC) {
    trace("Finished Loading "+targetMC);
};

//Loop to preload each image one at a time.
for (var i = 0; i < preload_array.length; i++) {
    mc_loader.loadClip(preload_array*, container_mc);
};

play();