Image Arrangement from an Array

[Fletch]

I have a library of filmmaking tutorials that I am trying to make a website for. I would like to have something like http://www.gotoandlearn.com but all in flash.

Here is my solution, but it is fraught with issues.

1) Created a movieclip with several dynamic textfields (title, description and length. This movieclip also has an image movieclip holder in it.
2) Created the database for the content.
3) Created the php script for AMFPHP that gets the data
4) Write the code that brings the data into Flash.

Now Here is where I'm stumbling cause I'm not usually a code monkey.. more of a designer.

Here is the line of code that gets all the images.

var thumbURLReq:URLRequest = new URLRequest("thumbs/" + this.ResTutorials[i][3]);

However, they are all coming in right on top of one another. How can I get them into 2 columns and down the page like http://www.gotoandlearn.com?

Even more so, how can I get these linked movieclip holders that have all the text fields in them to populate with all the data I've plugged in.

I know it probably doesn't help to include my code, but I'm going to do it anyway just in case someone sees this who can help.

//----------------------------------------------------
// This next portion of code connects to the database 
//----------------------------------------------------

var columns:Number = 2;
var padding:Number = 5;
var left:Number = 15;

//Store the image width and height (40x40)
var imageWidth:Number = 125;
var imageHeight:Number = 90;

//Creates the holder with text and photos
var tutHolder:holder = new holder();
		tutHolder.x = 50;
		tutHolder.y = 50;
		addChild(tutHolder);

var gw:NetConnection = new NetConnection();
gw.connect("http://localhost:8888/amfphp/gateway.php");



var res:Responder = new Responder(onResult, onFault);
this.ResTutorials = new Array;


function onResult(responds:Object):void{
	this.ResTutorials = responds.serverInfo.initialData;
	for(var i:uint=0; i<this.ResTutorials.length; i++)
	var thumbURLReq:URLRequest = new URLRequest("thumbs/" + this.ResTutorials[i][3]);
	var thumbLdr:Loader = new Loader();
	thumbLdr.load(thumbURLReq);
	
	// Create MovieClip holder for each thumb
	var thumb_mc = new MovieClip();
	thumb_mc.addChild(thumbLdr);
	addChild(thumb_mc);
	thumb_mc.buttonMode = true;	

}


function onFault(responds:Object):void{
	trace('fail');
}



gw.call("ISMFilmsLite.getTutorials", res);

[cancerinform]

You need to have add an eventlistener to trace when the images are loaded.

thumbLdr.contentLoaderInfo.addEventListener(Event. COMPLETE, completeHandler);
function completeHandler(event:Event):void
{
//arrange the x and y values of your content here
}

[Fletch]

Hey, thanks for the reply. I got the eventlistener in there now... but the real problem still persists, how do I get it to do 2 columns? I guess what I'm trying to say is that the arranging of images is what is really confusing to me.