(XML) Loaded images, now I need to load text on top

1

Aright, so I have an XML file with images and titles, I have it so it loads the images perfectly, but for some reason I can’t seem to get it to load the corresponding titles to go on top of the images. Here is my code:


System.security.allowDomain("*", "therealnickhansen.com");
function loadXML(loaded) {
    if (loaded) {
        xmlNode = this.firstChild;
        image = [];
        title = [];
        type1 = [];
        type2 = [];
        type3 = [];
        ypos = [];
        total = xmlNode.childNodes.length;
        //////////
        for (i=0; i<total; i++) {
            ypos* = (135*i)+225;
            title* = xmlNode.childNodes*.childNodes[0].childNodes[0].nodeValue;
            image* = xmlNode.childNodes*.childNodes[1].childNodes[0].nodeValue;
            type1* = xmlNode.childNodes*.childNodes[2].childNodes[0].nodeValue;
            type2* = xmlNode.childNodes*.childNodes[3].childNodes[0].nodeValue;
            type3* = xmlNode.childNodes*.childNodes[4].childNodes[0].nodeValue;
            /////////////////////
            ///create thumbs
            /////////////////////
            var thumb_mc:MovieClip = _root.main.createEmptyMovieClip("thumb"+(1+i), _root.main.getNextHighestDepth());
            var img_mc:MovieClip = thumb_mc.createEmptyMovieClip("img", 0);
            img_mc.loadMovie(image*);
            thumb_mc._x = 0;
            thumb_mc._y = ypos*;
            
fadeOut = function (mc, step, target) {
        mc.onEnterFrame = function() {
                this._alpha -= step;
                if (this._alpha<=target) {
                        this._alpha =  target;
                        delete this.onEnterFrame;
                }
        };
};
fadeIn = function (mc, step, target) {
        mc.onEnterFrame = function() {
                this._alpha += step;
                if (this._alpha>=target) {
                        this._alpha =  target;
                        delete this.onEnterFrame;
                }
        };
};
            thumb_mc.onRollOver = function() {
                fadeOut(this, 10, 50);
            }
            thumb_mc.onRollOut = function() {
                fadeIn(this, 10, 100);
            };
        }
    } else {
        content = "file not loaded!";
    }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("data.xml");
/////////////////////////////////////

the image loading code is after:
/////////////////////
///create thumbs
/////////////////////

I would like to have title* appear on top. I’ve tried everything (well… probably all the WRONG things). If anyone can help me out, that’d be great!
I really don’t want to resort to duplicating the code and use PNG’s as the text title… plus that would totally rule our the dynamic loading because I would just have to make the images anyway.
Help me out! Thanks :slight_smile: