Help with Kirupa's Image gallery

[COLOR=black][FONT=Arial]I am trying to modify the Kirupa image gallery to use numbers in place of thumbnails.[/FONT][/COLOR]
[FONT=Times New Roman][SIZE=3]So far I have been able to place buttons on the stage using attachMovie() and I have been successful in getting them numbered properly. Where I am failing is in getting the individually placed buttons to load an image. I am soooooooooo stuck at this point.[/SIZE][/FONT]

[FONT=Times New Roman][SIZE=3]A more detailed list of what I am trying to do:[/SIZE][/FONT]

[FONT=Times New Roman][SIZE=3]I want to attach a button that has a text box to the stage. [/SIZE][/FONT]
[FONT=Times New Roman][SIZE=3]In that button’s text box I want a sequential number to appear.[/SIZE][/FONT]
[FONT=Times New Roman][SIZE=3]When a button is pressed I want the corresponding image to display(button 1 loads image 1)[/SIZE][/FONT]

[FONT=Times New Roman][SIZE=3]I have the first two working; not doing so well with the last. Any help would be greatly appreciated.[/SIZE][/FONT]

[FONT=Times New Roman][SIZE=3]Here is what I have:[/SIZE][/FONT]


function loadXML(loaded) {
 if (loaded) {
  var item_spacing = 20;
  var item_count = 0;
  xmlNode = this.firstChild;
  image = [];
  description = [];
  item_mc = [];
  total = xmlNode.childNodes.length;
  for (i=0; i<total; i++) {
   image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
   //trace(image*)
   description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
   //trace(names)
   //
   item_mc* = numbersB.attachMovie("numbers_mc", "item"+i, i);
   item_mc*._x = i*item_spacing;
   item_mc*.trText.autoSize = "center";
   item_mc*.trText = i+1;
   item_count++;
   item_mc*.onRelease = function() {
    picture.loadMovie(image*, i);
    //trace(this);
    //trace(image[1]);
   };
  }
  firstImage();
 } else {
  content = "file not loaded!";
 }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
 if (Key.getCode() == Key.LEFT) {
  prevImage();
 } else if (Key.getCode() == Key.RIGHT) {
  nextImage();
 }
};
Key.addListener(listen);
img_text.previous_btn.onRelease = function() {
 prevImage();
};
img_text.next_btn.onRelease = function() {
 nextImage();
};
//
/////////////////////////////////////
p = 0;
//
///
this.onEnterFrame = function() {
 filesize = picture.getBytesTotal();
 loaded = picture.getBytesLoaded();
 preloader._visible = true;
 if (loaded != filesize) {
  preloader.preload_bar._xscale = 100*loaded/filesize;
 } else {
  preloader._visible = false;
  if (picture._alpha<100) {
   picture._alpha += 10;
  }
 }
};
function thisImage() {
 if (p<(total-1)) {
  p++;
  if (loaded == filesize) {
   picture._alpha = 0;
   picture.loadMovie(image[p], 1);
   picture_num();
  }
 }
}
function nextImage() {
 if (p<(total-1)) {
  p++;
  if (loaded == filesize) {
   picture._alpha = 0;
   picture.loadMovie(image[p], 1);
   img_text.desc_txt.text = description[p];
   picture_num();
  }
 }
}
function prevImage() {
 if (p>0) {
  p--;
  picture._alpha = 0;
  picture.loadMovie(image[p], 1);
  img_text.desc_txt.text = description[p];
  picture_num();
 }
}
function firstImage() {
 if (loaded == filesize) {
  picture._alpha = 0;
  picture.loadMovie(image[0], 1);
  img_text.desc_txt.text = description[0];
  picture_num();
 }
}
function picture_num() {
 current_pos = p+1;
 pos_txt.text = current_pos+" / "+total;
}
//