Separating XML Elements [AS3]

Hi all, having a bit of trouble with XML.
I’m trying to seperate my projects along a horizontal and vertical row, for every project the images are shown vertically one after the other, then when the </project> closes and a new one opens a new column is created (creating the horizontal row).

i am almost there with it, i think i just need an if or for each piece of code to separate out the projects but i cannot figure it out.
Here is the important part of my code:

function processXML(e:Event):void{ 
    var myXML:XML = new XML(; 
    xPos = 0; 
    yPos = [email protected]; 
    thumbWidth = [email protected]; 
    thumbHeight = [email protected]; 
    images = myXML.project.IMAGE; 
    total = images.length(); 
    XMLLoader = null; 

function callThumbs():void 
    for(var i:Number = 0; i < total; i++) 
        var thumb_url = images*[email protected]; 
        var thumb_loader = new Loader(); 
        thumb_loader.load(new URLRequest(thumb_url)); 
        thumb_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, thumbLoaded); = i; 
        thumb_loader.x =(thumbHeight+10)* x_counter; 
        thumb_loader.y =(thumbHeight+10)* y_counter; 

and my xml:

<?xml version="1.0" encoding="utf-8"?>
<projects XPOSITION="30" YPOSITION="30" WIDTH="200" HEIGHT="100">
<IMAGE FULL="full_images/image1.jpg" THUMB="thumbs/thumb1.jpg" />
<IMAGE FULL="full_images/image2.jpg" THUMB="thumbs/thumb2.jpg" />
<IMAGE FULL="full_images/image3.jpg" THUMB="thumbs/thumb3.jpg" />
<IMAGE FULL="full_images/image4.jpg" THUMB="thumbs/thumb4.jpg" />
<IMAGE FULL="full_images/image5.jpg" THUMB="thumbs/thumb5.jpg" />
<IMAGE FULL="full_images/image6.jpg" THUMB="thumbs/thumb6.jpg" />
<IMAGE FULL="full_images/image7.jpg" THUMB="thumbs/thumb7.jpg" />


i really appreciate any help on this, feels like im banging my head against a brick wall now!