Xml thumbnail with url only

1

hi there

i am trying to make dynamic xml thumbnail

all what i want to load thumbnails with simple title below each one and when clicked each one will have it’s own url

and when a certain no. of thumbs loaded a scroll appear or a btn to next page appear to preview the rest of thumbs

i used the following code for getting thumbs


<images>
	<image source="images/Image1.jpg" thumb="thumbnails/Image1.jpg">Description of image 1.</image>
	<image source="images/Image2.jpg" thumb="thumbnails/Image2.jpg">Description of image 2.</image>
	<image source="images/Image3.jpg" thumb="thumbnails/Image3.jpg">Description of image 3.</image>
	<image source="images/Image4.jpg" thumb="thumbnails/Image4.jpg">Description of image 4.</image>
</images>


var imageLoader:Loader;
var xml:XML;
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest("data/images.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++)
	{
		imageLoader = new Loader();
		imageLoader.load(new URLRequest(xmlList*.attribute("thumb")));
		imageLoader.x = 25;
		imageLoader.y = i * 150 + 25;
		addChild(imageLoader);
		
	}
										
}

please help me for the remaining issues