var currentImage = 0;

var finishedCaching = false;

var totalImages = 0;

var playState = 1;

var playInterval = null;

var imageArray;

function InitGallery(arrImage)
{

  totalImages = arrImage.length - 1;
  imageArray = arrImage;
  
  document.getElementById("ImageTitle").innerHTML = imageArray[currentImage][1];
  
  Slideshow();

}

function nextImage()
{

  if(currentImage == totalImages){
    finishedCaching = true;
    currentImage = 0;
  }
  else{
    currentImage += 1;
    var newImageObject = new Image();
    newImageObject.src = imageArray[currentImage][0];    
  }

  
  document.getElementById("GalleryImage").src = imageArray[currentImage][0];
  document.getElementById("ImageTitle").innerHTML = imageArray[currentImage][1];

}


function Slideshow(){
  playInterval = window.setInterval(nextImage, 3000);
}


function prevImage()
{

  if(currentImage == 0){
    currentImage = totalImages - 1;
  }
  else{
    currentImage -= 1;
  }
  
  document.getElementById("GalleryImage").src = imageArray[currentImage][0];
  document.getElementById("ImageTitle").innerHTML = imageArray[currentImage][1];

}

function setDisplay(elementId, displayStyle)
{
  var oElement = document.getElementById(elementId);
  
  oElement.style.display = displayStyle;

}

function SetUnderline(linkObject)
{

  link1 = document.getElementById("PageLink1");
  link2 = document.getElementById("PageLink2");
  link3 = document.getElementById("PageLink3");
  
  link1.className = link2.className = link3.className  = "UnderlineLink";
  
  linkObject.className = "NoUnderlineLink";
  

}

function PlayPause(){
  
  if(playState == 1){
    window.clearInterval(playInterval);
    playState = 0;
  }
  else{
    playInterval = window.setInterval(nextImage, 3000);
    playState = 1;
  }
  
}