XML in image galleries

programming flash
1

OK. I have an xml gallery that loads images into a mc(called thumbsContainer). I have a dropdown menu with 3 portfolios which, ideally, would load a different xml file for each. So far, everything works fine for first “click.” Problem is: thumbs do not load into thumbsContainer visually on second or third click. I do not know if the problem is that I have to “unload” the xml first (which I have NO idea how to do) or what. I would appreciate any help on this as I am completely stuck. Thanks!

OK, the AS3:

ActionScript Code:
[FONT=Courier New][LEFT][COLOR=#0000FF]public[/COLOR] [COLOR=#000000]**class**[/COLOR] ScriptOne [COLOR=#0000FF]extends[/COLOR] Sprite [COLOR=#000000]{[/COLOR]
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**var**[/COLOR] _xml:[COLOR=#0000FF]XML[/COLOR];
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**var**[/COLOR] _currentImage:[COLOR=#0000FF]int[/COLOR]=[COLOR=#000080]0[/COLOR],_currentThumb:[COLOR=#0000FF]int[/COLOR]=-[COLOR=#000080]1[/COLOR],_numThumbs:[COLOR=#0000FF]int[/COLOR];
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**var**[/COLOR] _thumbSize:[COLOR=#0000FF]Number[/COLOR]=[COLOR=#000080]25[/COLOR],_spacing:[COLOR=#0000FF]Number[/COLOR]=[COLOR=#000080]5[/COLOR];
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**var**[/COLOR] _columnSize:uint=[COLOR=#000080]15[/COLOR];
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**var**[/COLOR] _loader:Loader = [COLOR=#000000]**new**[/COLOR] Loader[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**var**[/COLOR] _thumbArray:[COLOR=#0000FF]Array[/COLOR]=[COLOR=#000000]**new**[/COLOR] [COLOR=#0000FF]Array[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
    [COLOR=#0000FF]public[/COLOR] [COLOR=#000000]**function**[/COLOR] ScriptOne[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR] [COLOR=#000000]{[/COLOR]
        _loader.[COLOR=#000080]contentLoaderInfo[/COLOR].[COLOR=#000080]addEventListener[/COLOR][COLOR=#000000]([/COLOR]Event.[COLOR=#000080]COMPLETE[/COLOR], onLoaderCompleteEvent[COLOR=#000000])[/COLOR];
        _loader.[COLOR=#000080]contentLoaderInfo[/COLOR].[COLOR=#000080]addEventListener[/COLOR][COLOR=#000000]([/COLOR]IOErrorEvent.[COLOR=#000080]IO_ERROR[/COLOR], ioErrorHandler[COLOR=#000000])[/COLOR];
        box.[COLOR=#000080]addChild[/COLOR][COLOR=#000000]([/COLOR]_loader[COLOR=#000000])[/COLOR];
        
        [COLOR=#000000]**var**[/COLOR] xmlLoader:URLLoader = [COLOR=#000000]**new**[/COLOR] URLLoader[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
        xmlLoader.[COLOR=#000080]addEventListener[/COLOR][COLOR=#000000]([/COLOR]Event.[COLOR=#000080]COMPLETE[/COLOR], onImagesXMLLoadComplete[COLOR=#000000])[/COLOR];
        xmlLoader.[COLOR=#0000FF]load[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000]**new**[/COLOR] URLRequest[COLOR=#000000]([/COLOR][COLOR=#FF0000]"images2.xml"[/COLOR][COLOR=#000000])[/COLOR][COLOR=#000000])[/COLOR];
        
        
    [COLOR=#000000]}[/COLOR]
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**function**[/COLOR] [COLOR=#0000FF]get[/COLOR] currentImage[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR]:[COLOR=#0000FF]int[/COLOR] [COLOR=#000000]{[/COLOR]
        [COLOR=#0000FF]return[/COLOR] _currentImage;
    [COLOR=#000000]}[/COLOR]
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**function**[/COLOR] [COLOR=#0000FF]set[/COLOR] currentImage[COLOR=#000000]([/COLOR][COLOR=#0000FF]number[/COLOR]:[COLOR=#0000FF]int[/COLOR][COLOR=#000000])[/COLOR]:[COLOR=#0000FF]void[/COLOR] [COLOR=#000000]{[/COLOR]
        _currentImage=number<[COLOR=#000080]0[/COLOR]?_xml.[COLOR=#000080]photos[/COLOR].[COLOR=#0000FF]length[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR]-[COLOR=#000080]1[/COLOR]:number>_xml.[COLOR=#000080]photos[/COLOR].[COLOR=#0000FF]length[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR]-[COLOR=#000080]1[/COLOR]?[COLOR=#000080]0[/COLOR]:[COLOR=#0000FF]number[/COLOR];
    [COLOR=#000000]}[/COLOR]
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**function**[/COLOR] onImagesXMLLoadComplete[COLOR=#000000]([/COLOR]event:Event[COLOR=#000000])[/COLOR]:[COLOR=#0000FF]void[/COLOR] [COLOR=#000000]{[/COLOR]
        [COLOR=#0000FF]try[/COLOR] [COLOR=#000000]{[/COLOR]
            _xml = [COLOR=#000000]**new**[/COLOR] [COLOR=#0000FF]XML[/COLOR][COLOR=#000000]([/COLOR]event.[COLOR=#0000FF]target[/COLOR].[COLOR=#0000FF]data[/COLOR][COLOR=#000000])[/COLOR];
            _loader.[COLOR=#0000FF]load[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000]**new**[/COLOR] URLRequest[COLOR=#000000]([/COLOR]_xml.[COLOR=#000080]photos[/COLOR][COLOR=#000000][[/COLOR]currentImage[COLOR=#000000]][/COLOR].[COLOR=#000080]large[/COLOR].[COLOR=#0000FF]toString[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR][COLOR=#000000])[/COLOR][COLOR=#000000])[/COLOR];
            _numThumbs=_xml.[COLOR=#000080]photos[/COLOR].[COLOR=#0000FF]length[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
            [COLOR=#0000FF]for[/COLOR] [COLOR=#000000]([/COLOR][COLOR=#000000]**var**[/COLOR] i:uint=[COLOR=#000080]0[/COLOR];i<_numThumbs;i++[COLOR=#000000])[/COLOR] [COLOR=#000000]{[/COLOR]
                _thumbArray[COLOR=#000000][[/COLOR]i[COLOR=#000000]][/COLOR]=[COLOR=#000000]**new**[/COLOR] Loader[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
                _thumbArray[COLOR=#000000][[/COLOR]i[COLOR=#000000]][/COLOR].[COLOR=#000080]y[/COLOR]=[COLOR=#000000]([/COLOR]i % _columnSize[COLOR=#000000])[/COLOR] * [COLOR=#000000]([/COLOR]_thumbSize + _spacing[COLOR=#000000])[/COLOR];
                _thumbArray[COLOR=#000000][[/COLOR]i[COLOR=#000000]][/COLOR].[COLOR=#000080]x[/COLOR]=[COLOR=#0000FF]Math[/COLOR].[COLOR=#0000FF]floor[/COLOR][COLOR=#000000]([/COLOR]i / _columnSize[COLOR=#000000])[/COLOR] * [COLOR=#000000]([/COLOR]_thumbSize + _spacing[COLOR=#000000])[/COLOR];
                _thumbArray[COLOR=#000000][[/COLOR]i[COLOR=#000000]][/COLOR].[COLOR=#000080]addEventListener[/COLOR][COLOR=#000000]([/COLOR]MouseEvent.[COLOR=#000080]CLICK[/COLOR],loadImage[COLOR=#000000])[/COLOR];
                _thumbArray[COLOR=#000000][[/COLOR]i[COLOR=#000000]][/COLOR].[COLOR=#0000FF]name[/COLOR]=i;
                thumbsContainer.[COLOR=#000080]addChild[/COLOR][COLOR=#000000]([/COLOR]_thumbArray[COLOR=#000000][[/COLOR]i[COLOR=#000000]][/COLOR][COLOR=#000000])[/COLOR];
            [COLOR=#000000]}[/COLOR]
            loadNextThumb[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
        [COLOR=#000000]}[/COLOR] [COLOR=#0000FF]catch[/COLOR] [COLOR=#000000]([/COLOR][COLOR=#0000FF]error[/COLOR]:TypeError[COLOR=#000000])[/COLOR] [COLOR=#000000]{[/COLOR]
            [COLOR=#0000FF]trace[/COLOR][COLOR=#000000]([/COLOR][COLOR=#0000FF]error[/COLOR].[COLOR=#0000FF]message[/COLOR][COLOR=#000000])[/COLOR];
        [COLOR=#000000]}[/COLOR]
    [COLOR=#000000]}[/COLOR]
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**function**[/COLOR] loadNextThumb[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR]:[COLOR=#0000FF]void[/COLOR] [COLOR=#000000]{[/COLOR]
        [COLOR=#0000FF]if[/COLOR] [COLOR=#000000]([/COLOR][COLOR=#0000FF]this[/COLOR]._thumbArray[COLOR=#000000][[/COLOR]++_currentThumb[COLOR=#000000]][/COLOR][COLOR=#000000])[/COLOR] [COLOR=#000000]{[/COLOR]
            [COLOR=#0000FF]this[/COLOR]._thumbArray[COLOR=#000000][[/COLOR]_currentThumb[COLOR=#000000]][/COLOR].[COLOR=#000080]contentLoaderInfo[/COLOR].[COLOR=#000080]addEventListener[/COLOR][COLOR=#000000]([/COLOR]Event.[COLOR=#000080]COMPLETE[/COLOR],_thumbComplete[COLOR=#000000])[/COLOR];
            [COLOR=#0000FF]this[/COLOR]._thumbArray[COLOR=#000000][[/COLOR]_currentThumb[COLOR=#000000]][/COLOR].[COLOR=#000080]contentLoaderInfo[/COLOR].[COLOR=#000080]addEventListener[/COLOR][COLOR=#000000]([/COLOR]IOErrorEvent.[COLOR=#000080]IO_ERROR[/COLOR],_thumbIOErrorHandler[COLOR=#000000])[/COLOR];
            [COLOR=#0000FF]this[/COLOR]._thumbArray[COLOR=#000000][[/COLOR]_currentThumb[COLOR=#000000]][/COLOR].[COLOR=#0000FF]load[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000]**new**[/COLOR] URLRequest[COLOR=#000000]([/COLOR][COLOR=#0000FF]this[/COLOR]._xml.[COLOR=#000080]photos[/COLOR][COLOR=#000000][[/COLOR][COLOR=#0000FF]this[/COLOR]._currentThumb[COLOR=#000000]][/COLOR].[COLOR=#000080]small[/COLOR].[COLOR=#0000FF]toString[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR][COLOR=#000000])[/COLOR][COLOR=#000000])[/COLOR];
        [COLOR=#000000]}[/COLOR]
    [COLOR=#000000]}[/COLOR]
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**function**[/COLOR] _thumbComplete[COLOR=#000000]([/COLOR]event:Event[COLOR=#000000])[/COLOR]:[COLOR=#0000FF]void[/COLOR] [COLOR=#000000]{[/COLOR]
        event.[COLOR=#0000FF]target[/COLOR].[COLOR=#000080]content[/COLOR].[COLOR=#0000FF]width[/COLOR]=event.[COLOR=#0000FF]target[/COLOR].[COLOR=#000080]content[/COLOR].[COLOR=#0000FF]height[/COLOR]=_thumbSize;
        _thumbIOErrorHandler[COLOR=#000000]([/COLOR]event[COLOR=#000000])[/COLOR];
    [COLOR=#000000]}[/COLOR]
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**function**[/COLOR] _thumbIOErrorHandler[COLOR=#000000]([/COLOR]event:Event[COLOR=#000000])[/COLOR]:[COLOR=#0000FF]void[/COLOR] [COLOR=#000000]{[/COLOR]
        event.[COLOR=#0000FF]target[/COLOR].[COLOR=#000080]removeEventListener[/COLOR][COLOR=#000000]([/COLOR]Event.[COLOR=#000080]COMPLETE[/COLOR],_thumbComplete[COLOR=#000000])[/COLOR];
        event.[COLOR=#0000FF]target[/COLOR].[COLOR=#000080]removeEventListener[/COLOR][COLOR=#000000]([/COLOR]IOErrorEvent.[COLOR=#000080]IO_ERROR[/COLOR],_thumbIOErrorHandler[COLOR=#000000])[/COLOR];
        loadNextThumb[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
    [COLOR=#000000]}[/COLOR]
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**function**[/COLOR] ioErrorHandler[COLOR=#000000]([/COLOR]event:IOErrorEvent[COLOR=#000000])[/COLOR]:[COLOR=#0000FF]void[/COLOR] [COLOR=#000000]{[/COLOR]
        [COLOR=#0000FF]trace[/COLOR][COLOR=#000000]([/COLOR]event.[COLOR=#0000FF]text[/COLOR][COLOR=#000000])[/COLOR];
    [COLOR=#000000]}[/COLOR]
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**function**[/COLOR] onLoaderCompleteEvent[COLOR=#000000]([/COLOR]event:Event[COLOR=#000000])[/COLOR]:[COLOR=#0000FF]void[/COLOR] [COLOR=#000000]{[/COLOR]
        [COLOR=#0000FF]trace[/COLOR][COLOR=#000000]([/COLOR][COLOR=#FF0000]"onLoaderCompleteEvent"[/COLOR][COLOR=#000000])[/COLOR];
    [COLOR=#000000]}[/COLOR]
    [COLOR=#0000FF]private[/COLOR] [COLOR=#000000]**function**[/COLOR] loadImage[COLOR=#000000]([/COLOR]event:MouseEvent[COLOR=#000000])[/COLOR]:[COLOR=#0000FF]void[/COLOR] [COLOR=#000000]{[/COLOR]
        [COLOR=#0000FF]if[/COLOR] [COLOR=#000000]([/COLOR]event[COLOR=#000000])[/COLOR] currentImage=event.[COLOR=#0000FF]target[/COLOR].[COLOR=#0000FF]name[/COLOR];
        _loader.[COLOR=#0000FF]load[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000]**new**[/COLOR] URLRequest[COLOR=#000000]([/COLOR]_xml.[COLOR=#000080]photos[/COLOR][COLOR=#000000][[/COLOR]currentImage[COLOR=#000000]][/COLOR].[COLOR=#000080]large[/COLOR].[COLOR=#0000FF]toString[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR][COLOR=#000000])[/COLOR][COLOR=#000000])[/COLOR];[COLOR=#808080]*//*[/COLOR]
        
    [COLOR=#000000]}[/COLOR]

[COLOR=#000000]}[/COLOR]
[COLOR=#000000]}[/COLOR]
[/LEFT]
[/FONT]

and the xml, is pretty straightforward…

<?xml version=“1.0” standalone=“yes” ?>
<images>
<photos>
<large>photos/large/house.jpg</large>
<small>photos/small/house_sm.jpg</small>
<words>HOME : PORTFOLIOS : PORTFOLIO 1 : house</words>
</photos>
<photos>
<large>photos/large/chair.jpg</large>
<small>photos/small/chair_sm.jpg</small>
<words>HOME : PORTFOLIOS : PORTFOLIO 1 : chair</words>
</photos>
<photos>
<large>photos/large/boy.jpg</large>
<small>photos/small/boy_sm.jpg</small>
<words>HOME : PORTFOLIOS : PORTFOLIO 1 : boy</words>
</photos>
<photos>
<large>photos/large/plant.jpg</large>
<small>photos/small/plant_sm.jpg</small>
<words>HOME : PORTFOLIOS : PORTFOLIO 1 : plant</words>
</photos>
<photos>
<large>photos/large/cat.jpg</large>
<small>photos/small/cat_sm.jpg</small>
<words>HOME : PORTFOLIOS : PORTFOLIO 1 : Cat</words>
</photos>
<photos>
<large>photos/large/car.jpg</large>
<small>photos/small/car_sm.jpg</small>
<words>HOME : PORTFOLIOS : PORTFOLIO 1 : car</words>
</photos>
</images>

So, there it is…<large> is image to be centered in mc(“box”) while <small> is thumbnail…right now, the <words> are working properly, for instance…though thumbnails do not change after loading first gallery, clicking on different thumbs brings proper text to textField…it will say “PORTFOLIO 2”, though thumb shown is from portfolio 1. Any ideas?