Adding scrolling thumbs to this xml gallery

How would i go about adding a scrolling row of thumbnails with this code?

for the row i want to use the same image which is called in already

function loadXML(loaded) {

if (loaded) {

xmlNode = this.firstChild;
title1 = [];
desc = [];
date = [];
image = [];


total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {

title1* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
desc* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
image* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;

		

}
firstArticle();
} else {

content = "file not loaded!";

}

}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images-xml.php");

function firstArticle() {
	if (loaded == filesize) {
		title_txt.text = title1[0];
		desc_txt.html = true;
		desc_txt.htmlText = desc[0];
		 picture.loadMovie(image[0], 1);

		article_num();
	}
}

//page no
whoIsOn = 0;

function article_num() {
	current_pos = whoIsOn+1;
	pageno.text = current_pos+" / "+total;
}


//the next and prev butts



previous.onRelease = function() {
	if(whoIsOn > 0) { 
		whoIsOn--;
		title_txt.text = title1[whoIsOn];
		desc_txt.html = true;
		desc_txt.htmlText = desc[whoIsOn];
		picture.loadMovie(image[whoIsOn], 1)
		article_num();
		
				
		
	}
}



next.onRelease = function() {
	if(whoIsOn < (total-1)) {
		whoIsOn++;
		title_txt.text = title1[whoIsOn];
		desc_txt.html = true;
		desc_txt.htmlText = desc[whoIsOn];
		picture.loadMovie(image[whoIsOn], 1);
		article_num();
		
		
	}
}
 
stop();