var images_;
var images_t;
var images_h;
var imageTitles_;

//function loadImageTitles(imageTitles) {
//
//	imageTitles_ = new Array(imageTitles.length);
//	
//	var i;
//	for (i in imageTitles) {
//		imageTitles_[i] = imageTitles[i];
//	}
//}

function loadImages(imageTitles,imageList,imageDir) {

  // if we have an imageDir, make sure it ends with "/"
  if (imageDir == null) {
    imageDir = "";
  }
  else {
    var l = imageDir.length;
    if ((l > 0) && (imageDir.charAt(l-1) != '/')) {
      imageDir += "/";
    }
  }

  imageTitles_ = new Array(imageTitles.length);
  images_ = new Array(imageList.length);
  images_t = new Array(imageList.length);
  images_h = new Array(imageList.length);

  var i;
  
  for (i in imageList) {
  	imageTitles_[i] = imageTitles[i];
  	
  	
    images_[i] = new Image();
    images_[i].src = imageDir + imageList[i];  
  
    var name_ext = imageList[i].split(".");

    images_t[i] = new Image();
    images_t[i].src = imageDir + name_ext[0] + "_t." + name_ext[1];

    images_h[i] = new Image();
    images_h[i].src = imageDir + name_ext[0] + "_h." + name_ext[1];
  }
}


function printThumbs(focus) {

  if ((focus == null) || (focus.lenth == 0)) {
    focus = "focus";
  }

  var i;
  for (i in images_) {
    document.write("\n          <tr><td align=\"middle\"><a onClick=\"document['"+focus+"'].src = images_["+i+"].src; document.getElementById('picTitle').innerHTML = imageTitles_["+i+"];\"\n             onMouseOver=\"document['thumb"+i+"'].src = images_h["+i+"].src\"\n             onMouseOut=\"document['thumb"+i+"'].src = images_t["+i+"].src\">\n            <img src='"+images_t[i].src+"' name='thumb"+i+"'>\n          </td></tr></a>\n");
    
  
   }
}