Help with Image Gallery and XML.Please!

Hi!

I would like to make an image gallery getting the images from a XML file and I would like to use this scroll menu system.

http://www.cartoonsmart.com/dynamic_scroller.html

How would I do this?

I already have the code to load the external images into an array and display.


package
{
	import flash.display.Loader;
	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.events.EventDispatcher;
	import flash.net.URLLoader;
	import flash.net.URLRequest;
	
	public class teste extends MovieClip
	{
		var picXML : XML;
		var picList : XMLList = new XMLList();
		var xmlLoader : URLLoader = new URLLoader();
		var imgLoader : Loader = new Loader();		
		var thumbs : Array = new Array();		
		var numImgs : Number;
		var holder : MovieClip = new MovieClip();
		var mcImg : MovieClip;
		
		public function teste()
		{
			init();
		}
		
		private function init():void
		{
    		xmlLoader.load(new URLRequest("album.xml"));
			xmlLoader.addEventListener(Event.COMPLETE,onXMLLoaded);
		}
		
		private function onXMLLoaded(event:Event):void
		{
		  picXML = new XML(event.target.data);	
		  picList = picXML.pic.attribute("url");

		  for each(var pl : XML in picList)
		  {
			  thumbs.push(pl);
		  }

		  numImgs = thumbs.length;

		  buildThumbs();
		}
		
		private function buildThumbs():void
		{			
			for(var i = 0;i <= numImgs;i++)
			{
				imgLoader.load(new URLRequest(thumbs*));
				imgLoader.addEventListener(Event.COMPLETE,onImgLoaded);				
			}
			
		}

		function onImgLoaded(event:Event):void
		{
			mcImg.addChild(imgLoader);
			holder.addChild(mcImg);
		}
		
	}
}

How do I make the thumbs scroll like this example I showed ?