Load images in the correct order, needs help..

Question

I have tried loading in some images in the order of the xml files.. that contain them ..
they did load in one by one but .. in  random order .. so mabe i am doing too much or too liitle can some one give it asecond look for me ..
//-- load Xml
urlLoader.load(new URLRequest("loader_alpabet/loader_alpabet.xml"));
urlLoader.addEventListener(Event.COMPLETE,xmlReady);
this.addEventListener(Event.ENTER_FRAME,entFrm);
// process the Xml and create array of objs
function xmlReady(evt:Event):void {
     xml=new XML(evt.target.data);
     var xmlListUrls:XMLList=new XMLList(xml.image.url.text());
     var xmlListNames:XMLList=new XMLList(xml.image.name.text());
     var xmlListDescs:XMLList=new XMLList(xml.image.description.text());
     for (var g:Number = 0; g < xmlListNames.length(); g++) {
          imagePack.push({name:xmlListNames[g],url:xmlListUrls[g],desc:xmlListDescs[g]});
          if (xmlListUrls.length()==imagePack.length) {
               loaderMachine();
//this is where i position the images
function entFrm(evt:Event):void {
     if (imageIcons.length>0) {
          for (var g:Number = 0; g < imageIcons.length; g++) {
               imageIcons[g].x=(centerX+Math.cos(angle+g)*radiusX)-imageIcons[g].width/2;
               imageIcons[g].y=(centerY+Math.sin(angle+g)*radiusY)-imageIcons[g].height/2;
               imageIcons[g].scaleX=imageIcons[g].scaleY= ((imageIcons[g].y/150) - 0.5);
               stage.addChildAt(imageIcons[g], imageIcons[g].scaleX);
               angle+=speed;
//-- loader function
function loaderMachine():void {
     trace(imagePack.length);
     loader = new Loader();
     loader.load(new URLRequest(imagePack[count].url));
     loader.contentLoaderInfo.addEventListener(Event.COMPLETE,imageReady);
// put image on stage
function imageReady(evt:Event):void {
     var image:Bitmap = (Bitmap)(evt.target.content);
     addChild(image);
     imageIcons.push(image);
     count++;
     if (count<imagePack.length) {
          loaderMachine();

Answer 1

ah, I missed the 2nd version of the code
You have to take the loaderMachine(); call out of the loop, call it after the loop.
function xmlReady(evt:Event):void {
     xml=new XML(evt.currentTarget.data);
     var xmlListUrls:XMLList=new XMLList(xml.image.url.text());
     var xmlListNames:XMLList=new XMLList(xml.image.name.text());
     var xmlListDescs:XMLList=new XMLList(xml.image.description.text());
     for (var g:Number = 0; g < xmlListNames.length(); g++) {
          imagePack.push({name:xmlListNames[g],url:xmlListUrls[g],desc:xmlListDescs[g]});
      // start loading images
     loaderMachine();
You're overwriting you loader instance each time you load an image, that's not good if you want it to stick around (display each loaded image).
So in the method, create a local Loader instance and add it to the Array stack.
Don't start the enterFrame event handler until all images are loaded.
You can do so in the imageReady() event handler (check if counter equals array length).
Don't add event listeners in the enterFrame event handler, you're adding them over and over again.
So remove these from entFrm()
imageIcons[g].addEventListener(MouseEvent.MOUSE_OVER,btn_mouse);
imageIcons[g].addEventListener(MouseEvent.MOUSE_OUT,btn_mouse);
Don't use Event.target (unless you know what you're doing), use currentTarget instead.
function imageReady(evt:Event):void {
     var loader:Loader = (event.currentTarget as LoaderInfo).loader;
     loader.addEventListener(MouseEvent.MOUSE_OVER, btn_mouse);
     loader.addEventListener(MouseEvent.MOUSE_OUT, btn_mouse);
     addChild((loader);
     count++;
     if (count<imagePack.length) {
          loaderMachine();
    }else{
          addEventListener(Event.ENTERFRAME, entFrm);
Don't use Array.length in a loop condition, as this will check the lenght with each iteration, slowing down the loop.
Set it to a local variable once and use that as the loop condition.
var len:uint = imageIcons.length;
for(var i:uint=0; i<len; i++) {}
Last but not least, you're probably better off using a tween engine rather than an enterFrame event to move things around.
Look into TweenLite.
http://blog.greensock.com/tweenlite/
It now looks like the enterFrame event continues untill you roll over one of the buttons? If so, that can't be good..
function loaderMachine():void {
     var loader:Loader = new Loader();
     loader.load(new URLRequest(imagePack[count].url));
     loader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageReady);
     imageIcons.push(loader);