Hello

i m facing problem, when i have to make a tree level gallary.

http://www.brooksbrothers.com/select...lectshirts.tem


Please see the link, our company want to make this type of flash wit us, here all image comes from database, for this we are using XML.

we have finished right side panel, but when clicking on left side category right side pannel should also change, how can it will be possible.
can anyone help us.

please see the xml and let us tell where we have to make change

<?xml version="1.0" encoding="iso-8859-1"?>
<gallary>
<image title="image 1" main="main/shirt_front.jpg" thmb="thumbnails/shirt1_front.jpg"/>
<image title="image 2" main="main/shirt_cuff.jpg" thmb="thumbnails/SHIRT1_CUFF.jpg"/>
<image title="image 3" main="main/shirt_collor.jpg" thmb="thumbnails/shirt1_collar.jpg"/>
<image title="image 4" main="main/shirt_back.jpg" thmb="thumbnails/shirt1_back.jpg"/>
</gallary>


And the flash for thumbnail is here:

loadMovie("main/shirt_front.jpg", "loader");
myPhoto = new XML();
myPhoto.ignoreWhite = true;
myPhoto.onLoad = function(success) {
//portfolioTag = this.firstChild;
numimages = this.firstChild.childNodes.length;
spacing = 95;
for (i=0; i<numimages; i++)
{
this.picHolder = this.firstChild.childNodes[i];
this.thumbHolder = thumbnails.createEmptyMovieClip("thumbnail"+i, i);
this.thumbHolder._x = i*spacing;
this.thumbLoader = this.thumbHolder.createEmptyMovieClip("thumbnail_i mage", 0);
this.thumbLoader.loadMovie(this.picHolder.attribut es.thmb);
this.thumbHolder.title = this.picHolder.attributes.title;
this.thumbHolder.main = this.picHolder.attributes.main;
this.thumbHolder.onRelease = function() {
loader.loadMovie(this.main);
title_txt.text = this.title;
};
}
};
myPhoto.load("XMLPhoto.xml");


this code is right only for one level xml and flash, but i need tree level.

can any on help?

thanks

Vijaylaxmi