Loading larger image when dropped

Question

Hey.  I am working on this image scroller, where thumbnails of images are displayed.  I get each image by
function urlLoaded(event:Event):void {
     urlLoader.removeEventListener(Event.COMPLETE,urlLoaded);
     xml=XML(event.target.data);
     xmlList=xml.children();
     for (var i:int=0; i<xmlList.length(); i++) {
          var thumb:Thumbnail=new Thumbnail(xmlList[i].url);
          arrayThumb.push(thumb);
          arrayThumb[i].y=150.5;
          arrayThumb[i].x=i*110+280;
          photoContainer.addChild(thumb);
          arrayThumb[i].addEventListener(MouseEvent.MOUSE_DOWN, pickUp);
          arrayThumb[i].addEventListener(MouseEvent.MOUSE_UP, dropIt);
And I pick up and drop the thumbnail image by
function pickUp(event:MouseEvent):void {
     getPosition(event.target);
     stage.addChild(event.target as DisplayObject);
     Sprite(event.target).startDrag(true);
function dropIt(event:MouseEvent):void {
     Sprite(event.target).stopDrag();
     if (event.target.hitTestObject(getChildByName("movie"))) {
          var my_loader:Loader = new Loader();
          my_loader.load(new URLRequest("pics/1.png"));
          movie.addChild(my_loader);
          this.photoContainer.addChild(event.target as DisplayObject);
          event.target.x=xPos;
          event.target.y=yPos;
     } else {
          this.photoContainer.addChild(event.target as DisplayObject);
          event.target.x=xPos;
          event.target.y=yPos;
Now this is perfect, because If the image is not dropped into the movie clip called "movie", it will be placed back into the scroller at its correct position.  I just have a coupld of issues currently.  I dont want pics/1.png to be displayed on each drop, this was used for a test.  What I need is for each image' big image to be displayed, which all have the same name as the smaller image, just in a different folder.  The images are in the xml file like
<image>
      <url>pics/img_1.png</url>
  </image>
So is there anyway I could use any of the above code to load the big image associated with the small image?  If event.target points to the current thumbnail being picked up, could i do something like event.target.url to point to its name or something?
Any advise appreciated

Answer 1

You should be able to store the image file name as a variable of the thumbnail and then use it when it comes time to load the image, such as in...
my_loader.load(new URLRequest("pics/"+event.target.variable));