XML Picture Display Problem

Ok, I am doing a presentation piece, and I am having a problem with my navigation working with the xml and the pictures that are supposed to load etc. etc. The problem is this:

-There are 6 navigation buttons that bring up each picture, and there are 7 pictures total, the 1st picture is just a splash picture then the next 6 are what the buttons toggle through…The problem I’m having is that the initial picture (the splash picture) is not showing up … could someone help me out…thanks!

[size=3]This is the code inside the main movie:
[/size]

var gallery_xml = new XML();
gallery_xml.ignoreWhite = true;
gallery_xml.onLoad = function(success) {
 if (success) {
  var gallery = this.firstChild;
  trace(gallery.childNodes.length)
  
  for (var i = 1; i<gallery.childNodes.length; i++) {
   //tArray.push(gallery.childNodes*.attributes.title);
   pArray.push(gallery.childNodes*.attributes.source);
  }
  containerMC.loadPic(0);
 } //else {
  //title_txt.text = "Error!";
 //}
};
gallery_xml.load("gallery.xml");

[size=3]This is the code inside each navigation button:
[/size]

on (release) {
 _root.containerMC.loadPic(1);
}

[size=3]This is the XML file:[/size]

 
<?xml version="1.0" encoding="UTF-8"?>
<portfolio>
  <image title="splash" source="splash.jpg"/>
  <image title="Lakes Bldg." source="pic1.jpg"/>
  <image title="Opera House" source="pic2.jpg"/>
  <image title="Opera House" source="pic3.jpg"/>
  <image title="Window" source="pic4.jpg"/>
  <image title="Interior" source="pic6.jpg"/>
  <image title="Exterior" source="pic5.jpg"/>
  
</portfolio>

Thanks again!