Help beginner loading text in xml-gallery

[zebratan]

cs3/as3

First of all I am not very skilled in as3 programming, but I'm nevertheless trying to create my own homepage to hold my portfolio against all odds. I'm a graphic designer and not a programmer so please keep that in mind when answering. That said I'll of course appreciate any help I may get.

My problem is this:

I've found this tutorial http://www.flashmagazine.com/Tutoria...photo_gallery/ and would like to use it on my site. It's all well and and good except I need to expand on it, cause I need the ability to load some text with the big images (not the thumbnails). How would I go about loading such a text from the xml file?

I need help adding this functionality to the coding of the tutorial.

The code for the tutorial:

import fl.containers.UILoader;
import caurina.transitions.*;

//---------loading the external xml file-------
var urlRequest:URLRequest = new URLRequest("pics.xml");
var urlLoader:URLLoader = new URLLoader();
var myXML:XML = new XML();
var xmlList:XMLList;
myXML.ignoreWhitespace = true;
urlLoader.addEventListener(Event.COMPLETE,fileLoaded);
urlLoader.load(urlRequest);
//--------holds the paths to the thumbnails-------
var arrayURL:Array = new Array();
//--------holds the paths to the big photos-------
var arrayName:Array = new Array();
//--------holds the thumbnail objects-------
var holderArray:Array = new Array();
//--------represents the number of collumns-------
var nrColumns:uint = 5;
//-------represents the container of our gallery
var sprite:Sprite = new Sprite();
addChild(sprite);
var thumb:Thumbnail;
//-------- the thumbnails container-------
var thumbsHolder:Sprite = new Sprite();
sprite.addChild(thumbsHolder);
//-------- the photoLoader container-------
var loaderHolder:Sprite = new Sprite();
loaderHolder.graphics.beginFill(0xffffff,1);
loaderHolder.graphics.drawRect(0,0,550,330);
loaderHolder.graphics.endFill();
loaderHolder.x = 1000;
loaderHolder.y = 10;
sprite.addChild(loaderHolder);
//-------- loads the big photo-------
var photoLoader:UILoader = new UILoader();
photoLoader.width = 540;
photoLoader.height = 320;
photoLoader.y = 5;
photoLoader.x = 5;
photoLoader.buttonMode = true;
photoLoader.addEventListener(MouseEvent.CLICK,onClickBack);
loaderHolder.addChild(photoLoader);

/* we loop through the xml file
populate the arrayURL, arrayName and position the thumbnalis*/
function fileLoaded(event:Event):void {
    myXML = XML(event.target.data);
    xmlList = myXML.children();
    for (var i:int=0; i<xmlList.length(); i++) {
        var picURL:String = xmlList[i].url;
        var picName:String = xmlList[i].big_url;
        arrayURL.push(picURL);
        arrayName.push(picName);
        holderArray[i] = new Thumbnail(arrayURL[i],i,arrayName[i]);
        holderArray[i].addEventListener(MouseEvent.CLICK,onClick);
        holderArray[i].name = arrayName[i];
        holderArray[i].buttonMode = true;
        if (i<nrColumns) {
            holderArray[i].y = 65;
            holderArray[i].x = i*110+65;
        } else {
            holderArray[i].y = holderArray[i-nrColumns].y+110;
            holderArray[i].x = holderArray[i-nrColumns].x;
        }
        thumbsHolder.addChild(holderArray[i]);
    }
}
//----handles the Click event added to the thumbnails--
function onClick(event:MouseEvent):void {
    photoLoader.source = event.currentTarget.name;
    Tweener.addTween(thumbsHolder, {x:-650, time:1, transition:"easeInElastic"});
    Tweener.addTween(loaderHolder, {x:10, time:1, transition:"easeInElastic"});
    Tweener.addTween(thumbsHolder, {alpha:0, time:1, transition:"linear"});
    Tweener.addTween(loaderHolder, {alpha:1, time:1, transition:"linear"});
}
//----handles the Click event added to the photoLoader----
function onClickBack(event:MouseEvent):void {
    Tweener.addTween(thumbsHolder, {x:0, time:1, transition:"easeInElastic"});
    Tweener.addTween(loaderHolder, {x:1000, time:1, transition:"easeInElastic"});
    Tweener.addTween(thumbsHolder, {alpha:1, time:2, transition:"linear"});
    Tweener.addTween(loaderHolder, {alpha:0, time:2, transition:"linear"});
} 

The structure of the xml file:

<?xml version="1.0" encoding="utf-8"?>
<images>
    <image>
        <url>pics/img_1.png</url>
        <big_url>big_pics/img_1.png</big_url>
    </image>
    <image>
        <url>pics/img_2.png</url>
        <big_url>big_pics/img_2.png</big_url>
    </image>
</images>

A guy named Kragekjaer suggested this on a Danish forum, but it didn't work. I'm not sure why:

Put a note for every big picture in your xml-file like this: <picTxt>the text here</picTxt>

create an array to hold these, like: var picTxtArray:Array = new Array();

add this to the fileLoaded set:

var picText:String = xmlList.picTxt;
picTxtArray.push(picText);

Please help me. I would be grateful beyond words. I'm really stuck here.
If you need anything else from me just say so...