Navigation(xml)

programming flash
1

It is easy to call the images and its corresponding text via xml.
And the scripting is:

images_xml = new XML();
images_xml.onLoad = startImageViewer;
images_xml.load(“xml/images.xml”);
images_xml.ignoreWhite = true;

function startImageViewer(success) {
if (success == true) {
rootNode = images_xml.firstChild;

		totalImages = rootNode.childNodes.length;
		firstImageNode = rootNode.firstChild;
		currentImageNode = firstImageNode;

		currentIndex = 1;

		updateImage(firstImageNode);
}

}

function updateImage(newImageNode) {

imagePath = newImageNode.attributes.jpegURL;

imageText = newImageNode.firstChild.nodeValue;

targetClip.loadMovie(imagePath);

/* Event handlers for ‘Next image’ and ‘Previous image’ buttons.
*/

next_btn.onRelease = function() {
nextImageNode = currentImageNode.nextSibling;
if (nextImageNode == null) {
break;
} else {
currentIndex++;
updateImage(nextImageNode);
currentImageNode = nextImageNode;
}
};
//
// Event handler for ‘Previous image’ button
back_btn.onRelease = function() {
previousImageNode = currentImageNode.previousSibling;
if (previousImageNode == null) {
break;
} else {
currentIndex–;
currentImageNode = previousImageNode;
updateImage(previousImageNode);
}
};

Now you see there are two buttons that help in going to next image and previous image.

But I want a navigation bar just beneath the image and its corresponding text.
In the Navigation bar there must be small images and a little text other from the corresponding text of the its image. If i click one image than its corresponding image bigger in size would appear on the main image Area.
So that I can click any image with its name(this is the other text in navigation bar just below the small image) in navigation bar , to make the corresponding main and big image and the corresponding text appear in the main area.

So plz help me in making this Navigation bar.