XML Image Gallery

Question

I'm creating my first xml driven image gallery in AS3 and could use  some help.  It's a pretty basic gallery that consists of a large image  with thumbnails below it.  You should see the large version of the  thumbnails when you click on them, they should rotate chronilogically on  it's own (use timer event?), and you should be able to scroll left or  right in order to view additional thumbnails.
Below is  what I have so far.  My first task is to get the thumnails to line up  correctly.  I got the y value correct, but I need to space them out by  10px appropriatley.  How can I do this? Thanks!
Jesse
import flash.events.Event;
import flash.display.MovieClip;
import flash.display.Loader;
import flash.net.URLRequest;
import flash.events.MouseEvent;
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;
import flash.events.ProgressEvent;
var myXML:XML;
var myXMLLoader:URLLoader = new URLLoader();
myXMLLoader.load(new URLRequest("images.xml"));
myXMLLoader.addEventListener(Event.COMPLETE, processXML);
var myImagePreloader:mcPreloader = new mcPreloader();
myImagePreloader.x = stage.stageWidth / 2;
myImagePreloader.y = stage.stageHeight / 2;
myImagePreloader.width = 75;
myImagePreloader.height = 75;
var container_mc:MovieClip;
var xCounter:Number = 0;
function processXML(event:Event):void
    myXML = new XML(myXMLLoader.data);
    myXMLLoader.removeEventListener(Event.COMPLETE, processXML);
    myXMLLoader = null;
    //createContainer();
    loadThumbs();
function createContainer():void
    container_mc = new MovieClip();
    //container_mc.x = my_x;
    container_mc.y = 510;
    addChild(container_mc);
    /*container_mc.addEventListener(MouseEvent.CLICK, callFull);
    container_mc.addEventListener(MouseEvent.MOUSE_OVER, onOver);
    container_mc.addEventListener(MouseEvent.MOUSE_OUT, onOut);*/
    container_mc.buttonMode = true;
    /*preloaders_mc = new MovieClip();
    preloaders_mc.x = container_mc.x;
    preloaders_mc.y = container_mc.y;
    addChild(preloaders_mc);*/
function loadThumbs():void
    var thumbLoader:Loader = new Loader();
    for(var i:Number = 0; i < myXML.image.length(); i++)
        var thumbURL = myXML.image[i].@thumb;
        thumbLoader.load(new URLRequest(thumbURL));
        thumbLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, thumbLoaded);
        thumbLoader.y = 510;
        //trace(imageWidth);
function loadFull():void
    var fullImageLoader:Loader = new Loader();
    //var imageURL = myXML.image[i].@file;
    /*fullImageLoader.load(new URLRequest(imageURL));
    fullImageLoader.contentLoaderInfo.addEventListener(Event.OPEN, addPreloader);
    fullImageLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, preloadImages);
    fullImageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded);*/
/*function addPreloader(event:Event):void
    addChild(myImagePreloader);
function preloadImages(event:ProgressEvent):void
    var percent:Number = Math.round(event.bytesLoaded / event.bytesTotal * 100);
    percent_txt.text = percent + "%";
function imageLoaded(event:Event):void
    var myLoadedImage:Loader = Loader(event.target.loader);
    addChild(myLoadedImage);
    new Tween(myLoadedImage, "alpha", Strong.easeIn, 0, 1, 0.5, true);
    percent_txt.text = "";
    removeChild(myImagePreloader);
    event.target.loader.removeEventListener(Event.OPEN, addPreloader);
    event.target.loader.removeEventListener(ProgressEvent.PROGRESS, preloadImages);
    event.target.loader.removeEventListener(Event.COMPLETE, imageLoaded);
function thumbLoaded(event:Event):void
    var myLoadedThumb:Loader = Loader(event.target.loader);
    addChild(myLoadedThumb);

Answer 1

What you will want to do is maintain a placement variable that you adjust for each new thumbnail you add.  So the first might go at xValue = 0.  Once that thumbnail is processed you then add the width of that thumbnail plus the 10 pixels space you want.
If you know that the widths will all be the same and what that value is, then you can assign the location for the thumbnail loader prior to it loading like you do for the y property.
Otherwise, you will need to wait until the thumbnail has loaded before you can determine the width... which would mean you will need to load the thumbnails sequencially rather than using a for loop since they will not necessarily load in the order they are executed to do so.  It is basically somewhat like what relaxatraja provided except using the width property.