var showIsOn = false;
var startLine = "start slideshow";
var endLine = "stop slideshow";
var timerID = 0;

jQuery(document).ready(
  function(){
    jQuery("#thumbnails ul a").mousedown(
      function(){
        if(showIsOn) {
          jQuery("#startStopSlideShow").click();
        }
      }
    );
    jQuery("#thumbnails ul a").click(
      function() {
        jQuery("#thumbnails ul a").removeClass("selected");
        var fileName = jQuery(this).attr("href");
        var title = jQuery(this).attr("title");
        var currentID = jQuery(this).attr("id");
        jQuery("#" + currentID).addClass("selected");
        jQuery("#images img").fadeOut("fast",
          function() {
            jQuery("#images img").attr("src", fileName );
            jQuery("#images .caption").text(title);
            jQuery("#images img").fadeIn("fast",
              function(){;

              }
            );
          }
        );
        return false;
      }
    );
    jQuery("#startStopSlideShow").click(
      function(){
        if(showIsOn) {
          showIsOn = false;
          jQuery(this).addClass("showIsOff");
          jQuery(this).removeClass("showIsOn");
          jQuery(this).html(startLine);
        }
        else {
          showIsOn = true;
          slideShow(1);
          jQuery(this).addClass("showIsOn");
          jQuery(this).removeClass("showIsOff");
          jQuery(this).html(endLine);
        }
      }
    );
    jQuery("#startStopSlideShow").html(startLine);
    jQuery("#thumb1").addClass("selected");
  }

)


function slideShow(number) {
  if(showIsOn) {
    if(!captionArray[number]) {
      number = 0;
    }
    number++;
    if(captionArray[(number)]) {
      var id = "thumb" + number;
      jQuery("#" + id).click();
    }
    else {
      number = 0;
    }

    timerID = window.setTimeout(
      function(){
        slideShow(number);
      }, slideSpeedInSeconds * 1000
    );
  }
  else {
    clearTimeout(timerID);
  }
}