﻿//window.onload = initAll;
var timerlen = 5000;
var slideAniLen = 250;
var currImg = 0;
var sliding = false;
var timerID = 0;
var autoPlay = true;
var folder = "";
var display_image = new Array();
var img1 = new Image();
var links = new Array();
var intro = new Array();
var images = new Array();
     //"images/slideImg0.jpg",
     //"images/slideImg1.jpg",
     //"images/slideImg2.jpg",
     //"images/slideImg3.jpg" 
//)
var captionText = new Array(); 
     //"We took a helicopter ride at our first port, Juneau. Our ship, leaving Vancouver. The helicopter took us to Mendenhall Glacier.",
     //"The happy (and chilly) couple, on the glacier. Here's what our second stop, Ketchikan, looked like from the ship.",
     //"In Skagway, we took a train up into the mountains, all the way to the Canadian Border. It's nice to go on vacation, but it's nice to be home again, too.",
     //"Looking back down at Skagway from the train. We got to cruise through Glacier Bay. It was absolutely breathtaking!" 
//)

function initAll() {
    //var img1 = new Image();
    img1.src = images[0];
    //writestatus('inside init...<br />');
    //writestatus('images length = ');
    //writestatus(images.length);
     document.getElementById("slidelink").href = links[0];
     document.getElementById("slidelink").innerHTML = captionText[0];
     document.getElementById("slideshow").src = folder + images[0];
     document.getElementById("imgText").innerHTML = intro[0];
     document.getElementById("prevLink").onclick = processPrevious;
     document.getElementById("nextLink").onclick = processNext;
     document.getElementById("slideControl").onclick = process_slide; 
     var img = new Array();
    for (var i=0; i<images.length; i++) {
        img[img.length] = new Image();
        img[img.length - 1].src =  folder + images[i];
    }
    if(autoPlay == true){
     process_slide();
     }
}

function processPrevious() {
     if(images.length <= 1) return ;
     pause_slide();
     newSlide(-1);
}
function processNext() {
     if(images.length <= 1) return ;
     pause_slide();
     newSlide(1);
}

function newSlide(direction) {
     if(images.length <= 1) return ;
     var imgCt = captionText.length;

     currImg = currImg + direction;
     if (currImg < 0) {
        currImg = imgCt-1;
     }
     if (currImg == imgCt) {
        currImg = 0;
     }
    img1.src = folder + images[currImg];
    //document.getElementById("slideshow").src = folder + images[currImg];
    //document.getElementById("slideshow").alt = captionText[currImg];
    if(document.getElementById("slideshow").src = '')
    {
        document.getElementById("imgDiv").style.display = 'none';
    }
    else
    {
        document.getElementById("slideshow").src = folder + images[currImg];
        document.getElementById("imgDiv").style.display = '';
    }
     //document.getElementById("slideshow").src = images[currImg];
     document.getElementById("imgText").innerHTML = intro[currImg];
     document.getElementById("slidelink").href = links[currImg];
     document.getElementById("slidelink").innerHTML = captionText[currImg];
}

function process_slide() {
    if(sliding){
    pause_slide(); 
    document.getElementById("slideControl").className = "play";
    }
    else{
    play_slide();
    document.getElementById("slideControl").className = "pause";
    }  
}

function play_slide() {
    timerID = setInterval('newSlide(1);', timerlen);
    sliding = true;
}

function pause_slide() { 
    sliding = false;
    document.getElementById("slideControl").className = "play";
    //if(timerID != 0){
	    clearInterval(timerID);
	//}
}

function continue_slide() { 
    sliding = true;
}


function writestatus(string) {
  var msg; 
  msg = document.getElementById('slideoutput');  
  msg.innerHTML += string + '</br />';
  return;
}