function tour(image, thumb, text, description) { 
   this.image = image;
   this.thumb = thumb;
   this.text = text;
   this.description = description;
} 

//****************************************************************
//  TO CUSTOMIZE, DEFINE HOW MANY THUMBNAILS PER ROW ("MAX_COLS")
//    AND PIXEL SPACE BETWEEN COLUMNS ("SPACER"), IF NEEDED; 
//    THEN MODIFY THE "TOURS" ARRAY, DEFINING EACH TOUR IMAGE,
//    THUMB IMAGE AND THUMB DESCRIPTION TEXT.
//****************************************************************

var MAX_COLS = 3;
var SPACER = 0;

var tours = 
[
  new tour("chicago/images/panel_22a.jpg", "chicago/images/panel_22.jpg", "Gibson's - Chicago", "Chicago"), 
  new tour("rosemont/images/panel_13a.jpg", "rosemont/images/panel_13.jpg", "Gibson's - Rosemont", "Rosemont"),
  new tour("hugos/images/panel_15a.jpg", "hugos/images/panel_15.jpg", "Hugo's - Chicago", "Hugo's")
];

//****************************************************************
//  END CUSTOMIZATION SECTION
//****************************************************************

var tourSelect = (location.search.substring(1).length == 0) ? 0 : location.search.substring(1);

function doTour(i) {
  document.getElementById("tour_iframe").src = "tour_iframe.html?" + i;
  document.getElementById("tour_description").innerHTML = tours[i].description;
}

function writeTour() {
  out("<APPLET height=256 archive=\"BeHereViewer.jar\" width=464 align=center code=BeHereViewer.class>");
  out("<PARAM NAME=\"panImage\" VALUE=\"" + tours[tourSelect].image + "\">");
  out("<PARAM NAME=\"autoSpin\" VALUE=\"10\">");
  out("<PARAM NAME=\"ShowPanView\" VALUE=\"false\">");
  out("<PARAM NAME=\"Initialview\" VALUE=\"0.0, 340.0, 0.8\">");
  out("Applet Copyright 1998-2001 Be Here Corporation");
  out("</APPLET>");
}

function writeThumbs(maxCols, spacer) {
  for (row = 0; row < tours.length / maxCols; row++) {
    out("<tr>");
    for (var col = 0; col < Math.min(maxCols, tours.length - (row * maxCols)); col++) {
	  var i = (row * maxCols) + col;
	  out("<td><table cellpadding=0 cellspacing=0><tr>");
      out("<td><a href=\"javascript:doTour(" + i + ")\"><img src=\"" + tours[i].thumb + "\" alt=\"" + tours[i].text + "\" width=\"145\" height=\"80\" border=0></a></td>");
	  out("</tr><tr>");
      out("<td align=\"center\"><font size=\"1\" face=\"Verdana\">" + tours[i].text + "</font></td>");  
	  out("</tr></table></td>");
      if (col < maxCols - 1)
        writeSpacerColumn(spacer);
    }
    out("</tr>");
  }
}

function writeDescription() {
  out(tours[tourSelect].description);
}

function writeSpacerColumn(spacer) {
  out("<td width=" + spacer + "><img src=\"images/1ptrans.gif\" width=" + spacer + "></td>");
}

function out(s) {
  document.writeln(s);
}