Pre-loading images loaded from XML.

Question

Hello,
I hoping for some guidance please.
I have a Gallery that loads thumbnails from an XML.
I have added a pre-loader to each one of the thumbnails as it is being loaded from the XML.
My problem is that I can't figure out how to remove the pre-loaders after it has called the Event.COMPLETE.
With my curent code,
As it completes loading the thumbnails, it throws an error and only removes the very last pre-loader.
Thanks for any help you can provide.
Here is the code I am currently using.
var urlRequest:URLRequest = new URLRequest("images.xml");
var urlLoader:URLLoader = new URLLoader();
var myXML:XML = new XML();
var xmlList:XMLList;
urlLoader.load(urlRequest);
myXML.ignoreWhitespace = true;
urlLoader.addEventListener(Event.COMPLETE,fileLoaded);
var arrayURL:Array = new Array();
var arrayName:Array = new Array();
var holderArray:Array = new Array();
var nrColumns:uint = 1;
var wheel:MovieClip;
var holdMe;
var thumbsprite:Sprite = new Sprite();
addChild(thumbsprite);
var thumb:Thumbnail;
var thumbsHolder:Sprite = new Sprite();
thumbsprite.addChild(thumbsHolder);
function fileLoaded(event:Event):void {
     myXML = XML(event.target.data);
     xmlList = myXML.children();
     for (var i=0; i<xmlList.length(); i++) {
          var picURL:String = xmlList[i].url;
          var picName:String = xmlList[i].big_url;
          arrayURL.push(picURL);
          arrayName.push(picName);
          holderArray[i] = new Thumbnail(arrayURL[i],i,arrayName[i]);
          holdMe = holderArray[i];
          var loader:Loader = new Loader();
          loader.load(new URLRequest(xmlList[i].url));
          wheel=new rootz();
          holdMe.addChild(wheel);
          loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, preload);
          loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completed);
          function preload(event:ProgressEvent):void {
               var percent:Number = Math.round(event.bytesLoaded / event.bytesTotal * 100);
               trace(String(percent) + "%");
          function completed(event:Event):void {
               holdMe.removeChild(wheel);
          if (i<nrColumns) {
               holderArray[i].y = 65;
               holderArray[i].x = i*100;
          } else {
               holderArray[i].y = holderArray[i-nrColumns].y+110;
               holderArray[i].x = holderArray[i-nrColumns].x;
          thumbsHolder.addChild(holderArray[i]);

Answer 1

I am not sure why but the code I posted did not post right,
Here is my code -
var urlRequest:URLRequest = new URLRequest("images.xml");
var urlLoader:URLLoader = new URLLoader();
var myXML:XML = new XML();
var xmlList:XMLList;
urlLoader.load(urlRequest);
myXML.ignoreWhitespace = true;
urlLoader.addEventListener(Event.COMPLETE,fileLoaded);
var arrayURL:Array = new Array();
var arrayName:Array = new Array();
var holderArray:Array = new Array();
var nrColumns:uint = 1;
var wheel:MovieClip;
var holdMe;
var thumbsprite:Sprite = new Sprite();
addChild(thumbsprite);
var thumb:Thumbnail;
var thumbsHolder:Sprite = new Sprite();
thumbsprite.addChild(thumbsHolder);
function fileLoaded(event:Event):void {
myXML = XML(event.target.data);
xmlList = myXML.children();
for (var i=0; i<xmlList.length(); i++) {
var picURL:String = xmlList[i].url;
var picName:String = xmlList[i].big_url;
arrayURL.push(picURL);
arrayName.push(picName);
holderArray[i] = new Thumbnail(arrayURL[i],i,arrayName[i]);
holdMe = holderArray[i];
var loader:Loader = new Loader();
loader.load(new URLRequest(xmlList[i].url));
wheel=new rootz();
holdMe.addChild(wheel);
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, preload);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completed);
function preload(event:ProgressEvent):void {
var percent:Number = Math.round(event.bytesLoaded / event.bytesTotal * 100);
trace(String(percent) + "%");
function completed(event:Event):void {
holdMe.removeChild(wheel);
if (i<nrColumns) {
holderArray[i].y = 65;
holderArray[i].x = i*100;
} else {
holderArray[i].y = holderArray[i-nrColumns].y+110;
holderArray[i].x = holderArray[i-nrColumns].x;
thumbsHolder.addChild(holderArray[i]);