Why is the thumbnail images placed in different order than the xml?

Question

Hi all!
This same code I have asked about before, and got excelent help, but this is a different problem so I just start a new thread.
This is a code that open a XML file, containing a small list of images, and place them as thumbs on the page.
It kinda work now, but the funny thing is, the order of the thumbs is totally scrambled compared to the xml list, and I can't just see why!
It has something to do whith when the loaders gets transfered via addEventListener to the placePics function, more than that I cant find out!
There may be the better way to put up this code. I just feel putting it up in two nested addEventListeners like this is not the best of practice. But I see no other way here...
package {
     import flash.display.*;
      import flash.events.*;
      import flash.net.*;
      public class thumbHolder extends MovieClip {
            var xmlRequest:URLRequest;
            var xmlLoader:URLLoader;
            var imgData:XML;
            var numberOfChildren:Number;
            var currentImgNum:Number;
            var imgLoader:Loader;
            var imgContainer:Array = [];
            var currentImg:String;
            public function thumbHolder() {
                  currentImgNum = 0;
                  xmlRequest = new URLRequest("images.xml");
                  xmlLoader = new URLLoader(xmlRequest);
                  xmlLoader.addEventListener(Event.COMPLETE, handlePics);
            public function handlePics(e:Event):void {
                  imgData = new XML(e.target.data);
                  numberOfChildren = imgData.*.length();
                  for (var i:int = 0 ; i < numberOfChildren ; i++) {
                       currentImg = imgData.image[i].imgURL;
                       imgLoader = new Loader;
                       imgLoader.load(new URLRequest(currentImg));
                       imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, placePics);
          function placePics(e:Event):void {
                 var oldH:Number = e.target.loader.height;
                 var oldW:Number = e.target.loader.width;
                 e.target.loader.height = 100;
                 var prosent:Number = (e.target.loader.height / oldH) * 100;
                 e.target.loader.width = (prosent * oldW) /100;
                 imgContainer.push(e.target.loader);
                 imgContainer[currentImgNum].x = (e.target.loader.width * currentImgNum) + (currentImgNum * 5) + 6;
                 addChild(imgContainer[currentImgNum]);
                 currentImgNum++;

Answer 1

Never mind! I finally managed to see what to do. Thanks for the help
package {
     import flash.display.*;
     import flash.events.*;
     import flash.net.*;
     public class thumbHolder extends MovieClip {
          var xmlRequest:URLRequest;
          var xmlLoader:URLLoader;
          var imgData:XML;
          var numberOfChildren:Number;
          var currentImgNum:Number;
          var imgLoader:Loader;
          var imgContainer:Array = [];
          var currentImg:String;
          public function thumbHolder() {
               currentImgNum = 0;
               xmlRequest = new URLRequest("images.xml");
               xmlLoader = new URLLoader(xmlRequest);
               xmlLoader.addEventListener(Event.COMPLETE, handlePics);
          public function handlePics(e:Event):void {
               imgData = new XML(e.target.data);
               numberOfChildren = imgData.*.length();
               adToArray(currentImgNum);
          private function adToArray(currNum:Number):void {
               currentImg = imgData.image[currNum].imgURL;
               imgLoader = new Loader;
               imgLoader.load(new URLRequest(currentImg));
               imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, placePics);
          function placePics(e:Event):void {
               var oldH:Number = e.target.loader.height;
               var oldW:Number = e.target.loader.width;
               e.target.loader.height = 100;
               var prosent:Number = (e.target.loader.height / oldH) * 100;
               e.target.loader.width = (prosent * oldW) /100;
               imgContainer.push(e.target.loader);
               imgContainer[currentImgNum].x = (e.target.loader.width * currentImgNum) + (currentImgNum * 5) + 6;
               addChild(imgContainer[currentImgNum]);
               if (currentImgNum < numberOfChildren) {
                    currentImgNum++;
                    adToArray(currentImgNum);