var slides = new Array();
slides[0] = new Image();
slides[0].src = "/images/home/must_see/boardwalk_night.jpg";
slides[1] = new Image();
slides[1].src = "/images/home/must_see/restaurants.jpg";
slides[2] = new Image();
slides[2].src = "/images/home/must_see/guitarist.jpg";

var locations = new Array();
locations[0] = "/mustsee/boardwalk.php?width=600&height=250";
locations[1] = "/mustsee/restaurant.php?width=600&height=250";
locations[2] = "/mustsee/guitarist.php?width=600&height=250";

var slideIndex = 0;

var buttonOn = new Image();
buttonOn.src = "/images/home/must_see/button_on.gif";
var buttonOff = new Image();
buttonOff.src = "/images/home/must_see/button_off.gif";

function slideshow_next() {
  var button = document.getElementById ("slide_button" + slideIndex);
  button.src = buttonOff.src;
  slideIndex = (slideIndex + 1) % slides.length;
  button = document.getElementById ("slide_button" + slideIndex);
  button.src = buttonOn.src;
  var image = document.getElementById ("slideshow");
  image.src = slides[slideIndex].src;
  var link = document.getElementById ("mustsee_link");
  link.href = locations [slideIndex];
  reset_timer();
}

function slideshow_prev() {
  var button = document.getElementById ("slide_button" + slideIndex);
  button.src = buttonOff.src;
  slideIndex = (slideIndex - 1) % slides.length;
  if (slideIndex < 0) slideIndex = slides.length - 1;
  button = document.getElementById ("slide_button" + slideIndex);
  button.src = buttonOn.src;
  var image = document.getElementById ("slideshow");
  image.src = slides[slideIndex].src;
  var link = document.getElementById ("mustsee_link");
  link.href = locations [slideIndex];
  reset_timer();
}

var timer = setTimeout ("slideshow_next()", 15000);
function reset_timer() {
  clearTimeout (timer);
  timer = setTimeout ("slideshow_next()", 15000);
}

function slideshow_select (index) {
  slideIndex = index;
  for (var i = 0; i < 3; i++) {
    button = document.getElementById ("slide_button" + i);
    if (slideIndex == i) {
      button.src = buttonOn.src;
    }
    else {
     button.src = buttonOff.src;
    }
  }

  var image = document.getElementById ("slideshow");
  image.src = slides[slideIndex].src;
  var link = document.getElementById ("mustsee_link");
  link.href = locations [slideIndex];
  reset_timer();
}