Here is a piece of my existing FLA. This uses a UILoader to load images/SWF files using a series of thumbnail mc's horizontally stacked along the bottom.

My question is, hopefully, a pretty simple fix. For example, Say this FLA file and loads a total of 30 different thumbnails for images that will populate the UILoader... which this code below does and works quite well. I am hoping that someone can post some code to help me simply play/ and stop on exit or when new thumbnail clicked, a different mp3 file.

Please and thank you for your brain work in advance!

//////////////////////////////////////////////////////////////////////

UILoader
With movieClips used for thumbnail loads





var imagesXML:XML;
var xmlLoader: URLLoader = new URLLoader();
xmlLoader.load(new URLRequest("lessons/images/Images5.xml"));

/////////////////////////////////////////////////////////////
//////////// thumbnail loader /////////////////////////

function xmlLoaded(evt:Event):void
{
imagesXML = new XML(xmlloader.data);
var thumbLoader:UILoader;
for(var i:uint = 0; i < imagesXML.image.length(); i++)
{
thumbLoader UILoader(getChildByName("thumb" + 1));
thumbLoader.load(new URLRequest("lessons/images/thumbs/" + imagesXML.image[i].@file));
thumbLoader.buttonmode = true;
thumbLoader.addEventListener(MouseEvent.CLICK, thumbClicked);
var fullPath:String = "lessons/images/file-1.swf";
mainLoader.load(new URLRequest(fullpath));
}
}



/////////////////////////////////////////////////////////////
//////////////// load Images /////////////////////////////

function thumbClicked(evt:MouseEvent):void
{
var thumbName:String = evt.currentTarget.name;
var thumbIndex:uint = uint(thumbName.substr(5));
var fullPath:String = "lessons/images/" + imagesXML. image[thumbIndex].@file;
mainLoader.load(new URLRequest(fullPath));
}