Creating thumbs and larger thumbs on kirupa slideshow problem

Hi you all

im triing to alter the existing kirupa slideshow by using thumbs and when people go over the thumb a larger thumb will appear.
When they click it the large image appears. now i have the thumbs and the midthumbs but i can’t figure out how to position the thumbs and the mid thumbs correctly.

Who can help me. this is what i have sofare


function loadXML(loaded) {
 if (loaded) {
  xmlNode = this.firstChild;
  image = [];
  description = [];
  thumbnails = [];
  midnails = [];
  total = xmlNode.childNodes.length;
  for (i=0; i<total; i++) {
   image* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
   description* = xmlNode.childNodes*.childNodes[3].firstChild.nodeValue;
   thumbnails* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
   midnails* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
   thumbnails_fn(i);
  }
  firstImage();
 } else {
  content = "file not loaded!";
 }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images2.xml");
///////////////////////////////////// 
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 nextImage() {
 if (p<(total-1)) {
  p++;
  if (loaded == filesize) {
   picture._alpha = 0;
   picture.loadMovie(image[p], 1);
   desc_txt.text = description[p];
   picture_num();
  }
 }
}
function prevImage() {
 if (p>0) {
  p--;
  picture._alpha = 0;
  picture.loadMovie(image[p], 1);
  desc_txt.text = description[p];
  picture_num();
 }
}
function firstImage() {
 if (loaded == filesize) {
  picture._alpha = 0;
  picture.loadMovie(image[0], 1);
  desc_txt.text = description[0];
  picture_num();
 }
}
function picture_num() {
 current_pos = p+1;
 pos_txt.text = current_pos+" / "+total;
}
function thumbnails_fn(k) {
 thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
 
 tlistener = new Object();
 tlistener.onLoadInit = function(target_mc) {
  
  target_mc.pictureValue = k;
  target_mc.onRelease = function() {
   this._alpha = 50;
   midnails_fn_remove(_global.pref)
   _global.pref = k;
   midnails_fn(k, target_mc._x)
   p = this.pictureValue-1;
   nextImage();
  };
  
  target_mc.onRollOver = function() {
   this._alpha = 0;
   //laad vergrote thumb
   midnails_fn(k, target_mc._x)
   //herpositioneer thumbs volgend
   for(i=k; i<total; i++){
    _root.thumbnail_mc["t"+i]._x = _root.thumbnail_mc["t"+i]._x+25
   }
  };
  target_mc.onRollOut = function() {
   this._alpha = 100;
   //verwijder vergrote thumbs
   midnails_fn_remove(_global.pref)
   //herpositioneer thumbs volgend
   for(i=k; i<total; i++){
    _root.thumbnail_mc["t"+i]._x = _root.thumbnail_mc["t"+i]._x-25
   }
   _global.pref = k;
  };
  target_mc._x = hit_left._x+(target_mc._width+5)*k;
  
  //build borders around thumbnails
  target_mc.beginFill(0xFFFFFF);
  target_mc.moveTo(-1, -1);
  target_mc.lineTo(31, -1);
  target_mc.lineTo(31, 42);
  target_mc.lineTo(-1, 42);
  target_mc.endFill();
 };
 image_mcl = new MovieClipLoader();
 image_mcl.addListener(tlistener);
 image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}
function midnails_fn_remove(k){
 //vorige mid verwijderen
 removeMovieClip("thumbnail_mc.m"+k)
}
function midnails_fn(k, midX) {
 //mid afbeelding tonen
 thumbnail_mc.createEmptyMovieClip("m"+k, thumbnail_mc.getNextHighestDepth());
 tlistener = new Object();
 tlistener.onLoadInit = function(target_mc) {
  target_mc._x = midX - 10;
  //target_mc._x = target_mc._x+25  
  target_mc.pictureValue = k;
 };
 image_mcl = new MovieClipLoader();
 image_mcl.addListener(tlistener);
 image_mcl.loadClip(midnails[k], "thumbnail_mc.m"+k);
 
}
 
 
 

thanks in advance