function loadSlideshow(title, max) {
  document.getElementById('title').innerHTML = title;
  document.getElementById('max').innerHTML = max;
  document.getElementById('cur').innerHTML = 1;
  change(0);
}

var t;
function play() {
  change(1);
  t = setTimeout("play()", 2000);
}

function stop() {
  clearTimeout(t);
}

function change(direc) {
  // get current slideshow folder
  var title = document.getElementById('title').innerHTML;
  // get current picture #
  var cur = document.getElementById('cur').innerHTML;
  // get max picture #
  var max = document.getElementById('max').innerHTML;
  cur = (cur * 1) + (direc * 1);
  if ((cur * 1) < (1 * 1)) {
    cur = max;
  } else if ((cur * 1) > (max * 1)){
    cur = 1;
  }
  document.getElementById('cur').innerHTML = cur;
  // build string for next image source (and link)
  document.getElementById('pic').innerHTML = "<a href=\"http://www.cs.grinnell.edu/~exarhosa/swing/pictures/" + title + "/" + cur + ".jpg\"><img src=\"http://www.cs.grinnell.edu/~exarhosa/swing/pictures/" + title + "/thumbs/" + cur + ".jpg\"></a>";
}

function loadSlideshowFrom(title, max, num) {
  document.getElementById('title').innerHTML = title;
  document.getElementById('max').innerHTML = max;
  document.getElementById('cur').innerHTML = num;
  change(0);
}