Image loading in random order using XML

programming flash
1

Hey guys,
I’m currently doing up my flash gallery and there something bugging me.

I’m using XML to load my images dynamically
and would like the images to appear in a horizontal manner.

image1 - image2 - image3 - image4 etc.

however, everytime i run the swf, the order of the images are randomized.
Hope someone out that could give me some help


var portraiture_images:XMLList;
var portraiture_total:Number;
var container_portraiture:MovieClip;
var portraitureXMLLoader:URLLoader = new URLLoader();
var i=0;
var imageWidth = 0;
portraitureXMLLoader.load(new URLRequest("portraiture.xml"));
portraitureXMLLoader.addEventListener(Event.COMPLETE, processXML);

function processXML (e:Event):void
{
    var portraitureXML:XML = new XML(e.target.data);
    portraiture_images = portraitureXML.IMAGE;
    portraiture_total = portraiture_images.length();
    for(i=0; i<portraiture_images.length();i++)
    {
        callportraiture();
    }
}

function callportraiture():void
{
    var portraiture_url = portraiture_images*.@images;
    var portraiture_loader = new Loader();
    portraiture_loader.load(new URLRequest(portraiture_url));
    portraiture_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, portraitureLoaded);
}

function portraitureLoaded(e:Event):void
{
    var portraiture_image:Loader = Loader(e.target.loader);
    portraiture_image.x = imageWidth;
    mc_portraiture_images.addChild(portraiture_image);
    imageWidth = imageWidth + portraiture_image.width;
}

as my images are of different width, I made use of the imageWidth variable to keep track of where the X co-ordinate should be for the next image.
Am i doing something wrong here?

Thanks in advance!