columns = 7;
thumbWidth = Math.floor(950/columns);

function initGallery() {
  photos = 0;
  imageFiles = new Array;
  imageCaptions = new Array;
  imageInfo = new Array;
	addPhotos();
	buildGalleryIndex();
}

function addPhoto(file,caption,info) {
  imageFiles[photos] = file;
  imageCaptions[photos] = caption;
  imageInfo[photos] = info;
  photos++;
}

function buildGalleryIndex() {
	galleryTable = document.getElementById("gallery").getElementsByTagName("TBODY")[0];
	thumbTemplate = document.getElementById("thumbnail");
	image =    document.getElementById("thumbImage");
	caption =  document.getElementById("thumbCaption");
	info =     document.getElementById("thumbInfo");
	zoomLink = document.getElementById("thumbLink");
  for(p=0; p<photos; p++) {
    image.src = "photo/" + imageFiles[p] + ".jpg";
    zoomLink.href = "javascript:top.showZoom(" + p + ")";
    if(caption) caption.innerHTML = imageCaptions[p];
    if(info) info.innerHTML = imageInfo[p];
    if (p % columns == 0) {
      row = galleryTable.insertRow(galleryTable.rows.length);
      row.className="gallery";
    }
    cell = row.insertCell(row.cells.length);
    cell.className="gallery";
    cell.width = thumbWidth;
    cell.innerHTML = thumbTemplate.innerHTML;
  }
  preload = new Image;
  preload.src = "photo/" + imageFiles[0] + "zoom.jpg";

}

function showZoom(p) {

  if(!frameDoc.getElementById("index")) showFrame('zoom','gallery');

	caption = frameDoc.getElementById("zoomCaption");
	info =    frameDoc.getElementById("zoomInfo");
  image =   frameDoc.getElementById("zoomImage");
  image.src = "photo/" + imageFiles[p] + "zoom.jpg";
  caption.innerHTML = imageCaptions[p];
  info.innerHTML = imageInfo[p];

	zoomPrev = frameDoc.getElementById("arrowLeft");
	zoomNext = frameDoc.getElementById("arrowRight");
	prevLink = zoomPrev.getElementsByTagName("A")[0];
	nextLink = zoomNext.getElementsByTagName("A")[0];
  prevImg  = prevLink.getElementsByTagName("IMG")[0];
  nextImg  = nextLink.getElementsByTagName("IMG")[0];

  if (p<photos-1) {
    nextLink.href = "javascript:top.showZoom("+(p+1)+")";
    zoomNext.style.display = "block";
    preload = new Image;
    preload.src = "photo/" + imageFiles[p+1] + "zoom.jpg";
  } else {
    zoomNext.style.display = "none";
    normal(nextImg);
  }

  if (p>0) {
    prevLink.href = "javascript:top.showZoom("+(p-1)+")";
    zoomPrev.style.display = "block";
    preload = new Image;
    preload.src = "photo/" + imageFiles[p-1] + "zoom.jpg";
  } else {
    zoomPrev.style.display = "none";
    normal(prevImg);
  }

}