Thumbnail loading issue

I have a web site that I am trying to debug. On the home page www.libertyfc.org there is a flash xml photo piece were the thumbnails don’t load until you refresh the page. Now when I test the site locally on my machine the load correctly but from the server. I am looking for any suggestions or hints. I can’t post the FLA because it’s about 300K and to big for the forum. I guess what I don’t understand is why the would load after you refresh the page?

Here is the code that loads the thumbnails maybe someone will see something I don’t.


y_middle = Stage.height/2;
tn_group.tn._visible = false;
tn_group.setMask(tn_area);
tn_alpha_default = 100;
p = 0;
//trace("num of images in array = "+photo_thumbnail.length);

for (var i = 0; i<photo_thumbnail.length; i++) {
 tn_group.tn.duplicateMovieClip("tn"+i,i);
 tn_group["tn"+i].tn_pic.loadMovie(filepath+photo_thumbnail*);
 tn_group["tn"+i]._x = tn._x;
 if (photo_video* == "") {
  //tn_group["tn"+i].vid_cover._visible = false;
  tn_group["tn"+i].arrow._visible = false;
 }
 //trace("video= "+photo_video*);    
 //original fla photos were 100x90
 //tn_group["tn"+i]._y = i * 100;
 //set spacing : new photos will be 85x51
 tn_group["tn"+i]._y = i*60; 
 tn_group["tn"+i].tn_pic._alpha = 100;
 tn_group["tn"+i].tn_no = i;
 //mouse btn functions
 tn_group["tn"+i].tn_button.onRollOver = function() {
  this._parent.tn_pic._alpha = 100;
 };
 tn_group["tn"+i].tn_button.onRollOut = function() {
  this._parent.tn_pic._alpha = tn_alpha_default;
 };
 tn_group["tn"+i].tn_button.onRelease = function() {
  _root.p = this._parent.tn_no;  
  gotoAndPlay("start");
  //trace("video= "+photo_video[p]);
  if (photo_video[p] != "") {
   video = photo_video[p];
   gotoAndPlay("video");   
  }
 };
 /**/
}