// JavaScript Document

var number = 0;

var imageName = new Array()
imageName[0] = "amory2";
imageName[1] = "kyla";
imageName[2] = "jake2";
imageName[3] = "kayleigh";
imageName[4] = "angelina";
imageName[5] = "michelle";
imageName[6] = "brandon2";
imageName[7] = "jake";
imageName[8] = "anne_dolina";
imageName[9] = "karen_eddie";
imageName[10] = "kyla2";
imageName[11] = "alex";
imageName[12] = "aaron";
imageName[13] = "brandon";
imageName[14] = "unknown";
imageName[15] = "jodie_karen";
imageName[16] = "amory";

var imageDetail = new Array()
imageDetail[0] = "A short blurb about Aaron's trip";
imageDetail[1] = "A short blurb about Alex's trip";
imageDetail[2] = "A short blurb about Amory's trip";
imageDetail[3] = "A short blurb about Amory's trip";
imageDetail[4] = "A short blurb about Anne's trip";
imageDetail[5] = "A short blurb about Brandon's trip";
imageDetail[6] = "A short blurb about Brandon's trip";
imageDetail[7] = "A short blurb about Jake's trip";
imageDetail[8] = "A short blurb about Jake's trip";
imageDetail[9] = "A short blurb about Karen and Eddie's trip";
imageDetail[10] = "A short blurb about Kayleigh's trip";
imageDetail[11] = "A short blurb about Kyla's trip";
imageDetail[12] = "A short blurb about Kyla's trip";
imageDetail[13] = "A short blurb about Michelle's trip";
imageDetail[14] = "A short blurb about ___'s trip";
imageDetail[15] = "A short blurb about Jodie/Karen's trip";

//fade script from sample at http://clagnut.com/sandbox/imagefades and http://www.couloir.org
function fade(slide,imageNumber) {
  document.getElementById("play").innerHTML="<a href='javascript:startslideshow("+(imageNumber+2)+")'><img src=\"images/buttons/play.gif\" width=\"11\" height=\"11\" border=\"0\" ></a>"
  if (slide){
  document.getElementById("play").innerHTML="<a href='javascript:endslideshow("+(imageNumber)+")'><img src=\"images/buttons/pause.gif\" width=\"11\" height=\"11\" border=\"0\" ></a>"}
  imageId = 'gallery';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}

  
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}

var number = 0;
var checker = imageName.length-1;
var display = 0;
function Next(fwd, count)
{
  endslideshow();
  if (fwd==1) {number=(number+1)}
  if (fwd==0) {number=(number-1)}

  if(number <= 0)
  {
    number = 1;
  }

  if (number>checker+1) {
    document.getElementById("next").className="nolink";
    number=checker+1;
  }


  if (number<checker) {
    document.getElementById("next").className="link";
  }

  if (number>0) {
    document.getElementById("prev").className="link"
    document.getElementById("play").innerHTML="<a href='javascript:startslideshow("+number+")'><img src=\"images/buttons/play.gif\" width=\"11\" height=\"11\" border=\"0\" ></a>"
  }

  if (number<1) {
    document.getElementById("prev").className="nolink";
    number=0;
  }

  document.getElementById("gallery").src=("images/kids/" + imageName[number-1] + ".jpg");
  fade(false,number);
  document.getElementById('one').innerHTML = number;
}

function imageText(){
	document.getElementById('imageName').innerHTML = "<span style='text-transform:capitalize;'>" + imageName[number] + "</span>";
	document.getElementById('imageDetails').innerHTML = imageDetail[number];
	document.getElementById('checker').innerHTML = number;
}

var running = false;

function slideshow(imageNumber)
{
  if (running == true)
  {

    number = imageNumber;
    if (number>imageName.length)
    {
      number=1;
    }
   
    document.getElementById("next").className="nolink";
    document.getElementById("prev").className="nolink";
    nextNumber = number+1;
    var keepgoing = setTimeout("slideshow("+(nextNumber)+")",5000);
    fade(true,number);
    document.getElementById('one').innerHTML = number;
    document.getElementById('gallery').src=("images/kids/" + imageName[number-1] + ".jpg");
  } else {
    //number=number-1;
  }
}

function endslideshow(end)
{

  running = false;

  document.getElementById("prev").innerHTML="&lt\;&lt\; Prev";
  document.getElementById("prev").className="link";
  document.getElementById("next").innerHTML="Next &gt\;&gt\;";
  document.getElementById("next").className="link";
  document.getElementById("play").innerHTML="<a href='javascript:startslideshow("+(end+1)+")'><img src=\"images/buttons/play.gif\" width=\"11\" height=\"11\" border=\"0\" ></a>"
  if (number>checker+1) {
    document.getElementById("next").className="nolink";
    number=checker+1;
  }
  if (number<checker)
  {
    document.getElementById("next").className="link";
  }
  if (number>0)
  {
    document.getElementById("prev").className="link";
  }
  if (number<1)
  {
    document.getElementById("prev").className="nolink";
    number=0;
  }
}

/*
function startslideshow(which){
running=true;
slideshow(which);
number=which;
}*/
function startslideshow(which){
  if(running == false)
  {
    running = true;
    number=number+1;
    slideshow(number);
  }
}