Thumbs dentro de un ScrollPane

Hola... estoy haciendo una galeria de fotos en flash cs3 y AS3, logro cargar las miniaturas desde un xml, pero lo que quisiera es cargarlas dentro de uns ScrollPane, y no logro hacerlo. Soy nuevo en esto del AS3... si alguien me da una mano.. le gradeceria mucho...

este es el AS3 de mi flash

Código :

var xml:XML;
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader;
xmlLoader.load(new URLRequest("img_list.xml"));

xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);

function xmlLoaded(event:Event):void
{
   xml = XML(event.target.data);
   xmlList = xml.children();
   
   for (var i:int = 0; i < xmlList.length(); i++)
   {
      var imageLoader = new Loader();
      imageLoader.load (new URLRequest(xmlList[i].attribute("thumb")));
      imageLoader.x = i * 110 + 15;
      imageLoader.y = 0;
      imageLoader.name = xmlList[i].attribute("dir");
      addChild(imageLoader);
      imageLoader.addEventListener(MouseEvent.CLICK, showPic);
   }
}

function showPic (event:MouseEvent):void
{
      
      var imageLoader = new Loader();
      imageLoader.load(new URLRequest(event.target.name));
      imageLoader.x = 165;
      imageLoader.y = 36;
      addChild(imageLoader);
}

Otro de los problemas que tengo es que cada imagen que muestro me queda cargada, va apilando una arriba de otra.
queria saber como hacer para que cada vez que clickee en una miniatura se borre la anterior..

Gracias por adelantado...