// Initialize arrays
var thumbs = new Array(thumbpaths.length)
var index = new Array(thumbpaths.length);
for (var i = 0; i < thumbpaths.length; ++i) {
  index[i] = 1;
  thumbs[i] = new Array(thumbpaths[i].length);
  for (var j = 1; j < thumbpaths[i].length; ++j) {
    thumbs[i][j] = new Image(thumbpaths[i][0][0], thumbpaths[i][0][1]);
    thumbs[i][j].src = thumbpaths[i][j][0];
  }
}

// Pre-load the navigation arrows
var next = new Image(25, 15);
var previous = new Image(25, 15);
next.src = "/files/next.gif";
previous.src = "/files/previous.gif";

var nextDisabled = new Image(25, 15);
var previousDisabled = new Image(25, 15);
nextDisabled.src = "/files/next_disabled.gif";
previousDisabled.src = "/files/previous_disabled.gif";

// Update the thumb
function loadThumb(id, op) {
  group_id = id.charCodeAt(0) - 65;
  group = thumbs[group_id];

  if (group.length == 2) {
      document.getElementById(id + "_next").src = nextDisabled.src;
      document.getElementById(id + "_previous").src = previousDisabled.src;
  }
  else {
      index[group_id] += op;
      if (index[group_id] >= group.length-1) {
          index[group_id] = group.length-1;
          document.getElementById(id + "_next").src = nextDisabled.src;
      }
      else {
          document.getElementById(id + "_next").src = next.src;
      }
      if (index[group_id] <= 1) {
          index[group_id] = 1;
          document.getElementById(id + "_previous").src = previousDisabled.src;
      }
      else {
          document.getElementById(id + "_previous").src = previous.src;
      }
  }

  elt_img = document.getElementById(id + "_thumbs_img");
  elt_img.src = group[index[group_id]].src;
  elt_img.alt = thumbpaths[group_id][index[group_id]][2];

  elt_link = document.getElementById(id + "_thumbs_link");
  elt_link.href = thumbpaths[group_id][index[group_id]][1];
  elt_link.title = thumbpaths[group_id][index[group_id]][2];

  elt_caption = document.getElementById(id + "_caption");
  elt_caption.innerHTML = "<h5>" + thumbpaths[group_id][index[group_id]][2] + "</h5>";

  elt_count = document.getElementById(id + "_count");
  elt_count.innerHTML = "<h5>" + (index[group_id]) + " of " + (group.length-1) + "</h5>";

}

// Code to create Lightbox image group
function initMyLightbox(id) {
  group_id = id.charCodeAt(0) - 65;
  group = thumbpaths[group_id];

  output = "";
  for (var i = 1; i < group.length; ++i) {
    output += "<a href=\"" + group[i][1] + "\" rel=\"lightbox[" + id + "]\" title=\"" + group[i][2] + "\"></a>\n";
  }

//  document.getElementById(id + "_lightboxInit").innerHTML = output;
}

// Build the thumbnail viewer
function thumbsViewer(id, params) {
  group_id = id.charCodeAt(0) - 65;
  group = thumbpaths[group_id];

  output =  "<div id=\"pic_wrap\" class=\""+params+" zoomicon\">\n" +
            "    <div id=\"pic\" class=\"w"+group[0][0]+" left\">\n" +
            "    <a href=\"#\" id=\"" + id + "_thumbs_link\" rel=\"lightbox[" + id + "]\" target=\"_blank\"><img class=\"imgpic\" id=\"" + id + "_thumbs_img\" /></a>\n" +
            "    <div id=\"" + id + "_caption\"></div>\n" +
            "    <div class=\"left rm10\">\n" +
            "      <a href=\"#\" onClick=\"loadThumb('" + id + "', -1); return false; \"><img id=\"" + id + "_previous\" /></a>\n" +
            "      <a href=\"#\" onClick=\"loadThumb('" + id + "', 1); return false; \"><img id=\"" + id + "_next\" /></a>\n" +
            "<img src=\"/files/preload.gif\" onLoad=\"loadThumb('" + id + "', 0) \" />\n" +
            "    </div>\n" +
            "    <div id=\"" + id + "_count\"></div>\n" +
            "  </div>\n<div id=\"clear\"></div>" +
            "</div>";
  document.write(output);
}