AS3 XML photo gallery first large image load automatically

programming flash
1

I have a photo gallery on my site that is generated using AS3 and XML. Everything works great but I’d like to have the images that relate to the first thumbnail appear automatically when the movie loads. Any ideas how to do this? Here’s my code:

//DEFINE ARRAYS
var thumbnailsArray:Array = new Array();
var productDescriptionArray:Array = new Array();
var magazineArray:Array = new Array();
var mediumArray:Array = new Array();
var largeArray:Array = new Array();

var imageNum:Number = 0;
var totalImages:Number;

//XML

//LOAD IN XML
var XMLURLLoader:URLLoader = new URLLoader();
XMLURLLoader.load(new URLRequest("press/joltpress.xml"));
XMLURLLoader.addEventListener(Event.COMPLETE, processXML);

function processXML(event:Event):void
{
   var theXMLData:XML = new XML(XMLURLLoader.data);
   totalImages = theXMLData.thumbnails.length();
   for (var i:Number = 0; i < theXMLData.thumbnails.length(); i++)
   {
      productDescriptionArray.push(theXMLData.productDescription*);
      magazineArray.push(theXMLData.magazine*);
      mediumArray.push(theXMLData.medium*);
      largeArray.push(theXMLData.large*);
      thumbnailsArray.push(theXMLData.thumbnails*);
   }
   loadThumbnails();
}

myScrollPane.source = allThumbnails;

//LOAD THE THUMBNAILS;

function loadThumbnails():void
{
   trace(imageNum);
   var thumbLoader:Loader = new Loader();
   thumbLoader.load(new URLRequest(thumbnailsArray[imageNum]));
   thumbLoader.y = 135 * imageNum;
   //STORES THE APPROPRIATE INFO FOR THE THUMBNAIL
   var thisMedium:String = mediumArray[imageNum];
   var thisLarge:String = largeArray[imageNum];
   var thisproductDescription:String = productDescriptionArray[imageNum];
   var thisMagazine:String = magazineArray[imageNum];
   thumbLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, thumbLoaded);
   function thumbLoaded(event:Event):void
   {
      //add the thumbnail to the allThumbnails instance
      allThumbnails.addChild(thumbLoader);
      myScrollPane.update();
      allThumbnails.buttonMode = true;
      thumbLoader.addEventListener(MouseEvent.CLICK, loadMedImage1);
      function loadMedImage1(event:MouseEvent):void
      {
         largeUILoader.source = thisLarge;
         new Tween(largeUILoader, "x", Regular.easeIn, -278,32,1, true);
         medUILoader.source = thisMedium;
         new Tween(medUILoader, "alpha", Strong.easeIn, 0,1,0.5, true);
         productDescription.text = thisproductDescription;
         magazine.text = thisMagazine;
      }

   }
   //add to imageNum (1);
   imageNum++;
   if (imageNum < totalImages)
   {
      loadThumbnails();
   }
}

Any help would be greatly appreciated! Thanks!