XML looping confusion

programming flash
1

Hi,

I’m trying to pull out image references from a XML file, but I’m getting confused with the looping.
My XML.


<portfolio>
  <products name = "Hats" >
    <image>images/hat.jpg</image>
    <image>images/hat01.jpg</image>
    <image>images/hat02.jpg</image>
  </products>
  <products name = "Cars">
    <image>images/car.jpg</image>
    <image>images/car01.jpg</image>
    <image>images/car02.jpg</image>
  </products>
  </portfolio>

I’m trying to pull out all the image reference for each product by clicking one button. So I have a button Planes, when click I want


images/car.jpg
images/car01.jpg
images/car02.jpg

What I’m getting is just the last image, as it is the last in the loop

My ActionScript


my_xml = new XML ();
my_xml.ignoreWhite = true;
my_xml.onLoad = function (success) {
     if (success) {
          DisplayPro ();
     }
     else {
          trace ("XML Not Loaded");
     }
};
my_xml.load ("Test.xml");
var btn_spacing = 20;
function DisplayPro () {
     var start = my_xml.firstChild.childNodes;
     for (var i = 0; i < start.length; i++) {
          var products = start*;
          var proBtn = holder_mc.attachMovie ("btn_mc", "btn_mc" + i, i + 1);
          proBtn._x = btn_spacing;
          proBtn._y = btn_spacing * i;
          proBtn.id = products.attributes.name;
          proBtn.txt_txt.text = proBtn.id;
          proBtn.seperates = products.childNodes;
          trace(proBtn.seperates)
          for (var s = 0; s < proBtn.seperates.length; s++) {
               proBtn.images = proBtn.seperates[s];
               proBtn.display = proBtn.images.firstChild;
          }
          proBtn.onRelease = function () {
               image_mc.loadMovie (this.display);
               info_txt.text = this.display;
               trace (this.display);
          };
     }

As always any help would be grealty appreicated