var thumbs = "off";
var galleryNumber = 1;
var photoNumber = 1;



function setupAjax(){
//  window.alert("start");
  var ajax = "false";
//  window.alert(ajax);
  try{
    ajax = new XMLHttpRequest();
  } catch (error) {
    try{
      ajax = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (error) {
      return false;
    }
  }
  return ajax;
}

var http = setupAjax();

function createRequestObject() {
  var ro;
  var browser = navigator.appName;
  if(browser == "Microsoft Internet Explorer"){
    ro = new ActiveXObject("Microsoft.XMLHTTP");
  }
  else{
    ro = new XMLHttpRequest();
  }
    window.alert(ro);
  return ro;
}


function handleResponse() {
  if(http.readyState == 4){
    var response = http.responseText;
    if(response != "") {
      document.getElementById("photo").src = response;
    }
  }
}


function scrollDisplay(direction){
  if (direction == "up"){
    new Effect.Appear("next");
    if (photoNumber > 1){
      //window.alert("hey");
      photoNumber--;
      sendReq(photoNumber);
      if (photoNumber == 1){
         new Effect.Fade("previous");
      }
    }
    else {
      beginning();
    }
  }
  else{
    new Effect.Appear("previous");
    if (photoNumber < photoTotal){
      //window.alert("hey");
      photoNumber++;
      sendReq(photoNumber);
      if (photoNumber == photoTotal){
        new Effect.Fade("next");
      }
    }
    else {
      ending();
    }
  }
}


function scrollPage(direction){
  if (thumbs == "off"){
    scrollDisplay(direction);
  }
  else{
    scrollThumbs(direction);
  }
}


function scrollThumbs(direction){
  if (direction == "up"){
    scrollThumbsPrevious();
  }
  else {
  scrollThumbsNext();
  }
}


function scrollThumbsNext(){
  new Effect.Appear("previous");
  if (galleryNumber < galleryTotal){
    new Effect.JumpOut("gallery" + galleryNumber);
    galleryNumber++;
    new Effect.Appear("gallery" + galleryNumber);
    if (galleryNumber == galleryTotal){
      new Effect.Fade("next");
    }
  }
  else {
    ending();
  }
}

function scrollThumbsPrevious(){
  new Effect.Appear("next");
  if (galleryNumber > 1){
    new Effect.DropOut("gallery" + galleryNumber);
    galleryNumber--;
    new Effect.Appear("gallery" + galleryNumber);
    if (galleryNumber == 1){
      new Effect.Fade("previous");
    }
  }
  else {
    beginning();
  }
}


function sendReq(action) {
  document.getElementById("displayLoading").style.zIndex = 2;
  http.open('get', 'files/scripts/ss.php?action='+action);
  http.onreadystatechange = handleResponse;
  http.send(null);
  photoNumber = action;
}


function showPhoto(){
  document.getElementById("displayLoading").style.zIndex = 0;
}


function startGallery() {
  document.getElementById("previous").style.display = "none";
  document.getElementById("previous").style.zIndex = 1;
  document.getElementById("photo").src = "lg1.jpg";
  galleryNumber = 2;
  while (galleryNumber <= galleryTotal){
    new Effect.Fade("gallery" + galleryNumber);
    galleryNumber++;
  }
  document.getElementById("thumbs").style.display = "none";
  galleryNumber = 1;
}


function toggleThumbs(){
  if (thumbs == "off"){
    document.getElementById("gallery" + galleryNumber).style.display = "none";
  galleryNumber = (photoNumber / divBreak);
  galleryNumber = Math.ceil(galleryNumber);
  document.getElementById("gallery" + galleryNumber).style.display = "block";
    new Effect.Appear("thumbs");
    new Effect.Fade("show");
    thumbs = "on";
    if (galleryNumber == galleryTotal){
      new Effect.Fade("next");
    }
    else{
      new Effect.Appear("next");
    }
    if (galleryNumber < 2){
      new Effect.Fade("previous");
    }
    else{
      new Effect.Appear("previous");
    }
  }
  else {
    new Effect.Fade("thumbs");
    thumbs = "off";
    new Effect.Appear("show");
    if (photoNumber == photoTotal){
      new Effect.Fade("next");
    }
    else{
      new Effect.Appear("next");
    }
    if (photoNumber < 2){
      new Effect.Fade("previous");
    }
    else{
      new Effect.Appear("previous");
    }
  }
}




function beginning(){
  window.alert("You have reached the first picture.");
}

function ending(){
  window.alert("You have reached the last picture.");
}