// <body> should include onload="preload();"
// <img id="slideHolder" src="../photos/childrensdmc/hospital1.jpg" width="600" height="481" alt="Children's Hospital" >
// <table style="width: 200px; vertical-align: top; z-order:10; position: absolute; left:200px; top:450px; align: center; text-align: center;">
// 	<tr>
// 		<td>
// 			<img id="prevButton" onmouseup="javascript: prevSlide();" onmousedown="highlightPrevButton(); return false;" onmouseout="resetPrevButton();" src="../images/BackwardDisabled.jpg" width="29" height="17" alt="Previous" style="margin-top: 2px;" >
// 		</td>
// 		<td>
// 			<span id="pagePos" style="background-color:white; border: solid 1px #333; opacity:0.7; font-size: 10pt;">&nbsp;Page: 1 / 12&nbsp;</span>
// 		</td>
// 		<td>	
// 			<img id="nextButton" onmouseup="javascript: nextSlide();" onmousedown="highlightNextButton(); return false;" onmouseout="resetNextButton();" src="../images/ForwardEnabled.jpg" width="29" height="17" alt="Next" >
// 		</td>
// 	</tr>
// </table>

var currentSlide = 1;
var lastSlide = 0;
var nextButtonDisabled = false;
var prevButtonDisabled = true;
var images = new Array();
var slideshowName = "";
var year = "";
var rootDir = "../media/slideshows/";
var timer = null;
var interval = 3000;
var continueShow = false;

var captions;

function preload(yr, name, c){
	
	slideshowName = name;
	year = yr;
	lastSlide = c.length;
	captions = c.slice(0);
	for (x = 1; x <= lastSlide; x++){
		images[x] = new Image();
		images[x].src = rootDir + year + "/" + name + "/" + name + x + ".jpg";
	}
}

function startSlideshow() {
	continueShow = true;
	showSlide();
	timer = setTimeout("nextSlide()", interval);
}

function stopSlideshow() {
	continueShow = false;
	clearTimeout(timer);
}


function slidseShowKeydown(e)
{
var	returnCode = true;
	continueShow = false;						// any key press cancels the slideshow
  switch (e.keyCode) {						// esc key
		case 27:							
			stopSlideshow();
			returnCode = false;
			break;

		case 32:											// space bar starts the show
			startSlideshow("sunnyDay", 7);
			returnCode = false;
			break;

    case 37:    // IE and Moz
    case 57387: // Opera 7
			prevSlide(); // Left
			returnCode = false;
      break;

    case 39:
    case 57388:
			nextSlide(); // Right
			returnCode = false;
      break;

    case 40:
    case 57386:
      stopSlideshow();						// Down  SHOULD TRAP ESC AND OTHERS FOR EXIT (DISPLAY:NONE)
      break;
  }
	return returnCode;
}
	
	
function nextSlide() {
	if(currentSlide < lastSlide) {
		if(prevButtonDisabled) {
			enablePrevButton();
			prevButtonDisabled = false;
			}
		highlightNextButton();
		var t=setTimeout("resetNextButton()",200);
		currentSlide++;
		showSlide();				
	}
}

function prevSlide() {
	if(currentSlide > 1) {
		if(nextButtonDisabled) {
			enableNextButton();
			nextButtonDisabled = false;
			}
		highlightPrevButton();
		var t=setTimeout("resetPrevButton()",200);
		currentSlide--;
		showSlide();
	}
}

function resetPrevButton() {
	if(currentSlide > 1) {
		enablePrevButton();
		}
	else {
		disablePrevButton();
		prevButtonDisabled = true;
	}
}

function resetNextButton() {
	if(currentSlide < lastSlide) {
		enableNextButton()
		}
	else {
		disableNextButton();
		nextButtonDisabled = true;
	}
}

function enablePrevButton() {
	var prevButton = document.getElementById("prevButton");
	prevButton.src = rootDir + "img/slide_prev.gif";
}

function enableNextButton() {
	var nextButton = document.getElementById("nextButton");
	nextButton.src = rootDir + "img/slide_next.gif";
}

function highlightPrevButton() {
	var prevButton = document.getElementById("prevButton");
	prevButton.src = rootDir + "img/slide_prev_sel.gif";
}

function highlightNextButton() {
	var nextButton = document.getElementById("nextButton");
	nextButton.src = rootDir + "img/slide_next_sel.gif";
}

function disablePrevButton() {
	var prevButton = document.getElementById("prevButton");
	prevButton.src = rootDir + "img/slide_prev_off.gif";
}

function disableNextButton() {
	var nextButton = document.getElementById("nextButton");
	nextButton.src = rootDir + "img/slide_next_off.gif";
}

function showSlideCounter(page) {
	var page = document.getElementById("pagePos");
	page.innerHTML = "&nbsp;" + currentSlide + " &nbsp;of " + lastSlide + "&nbsp;";
}

function showSlide() {
	var slide = document.getElementById("slideHolder");
	var caption = document.getElementById("caption");
	slide.src = rootDir + year + "/" + slideshowName + "/" + slideshowName + currentSlide + ".jpg"; //change to use images[currentSlide]
	caption.innerHTML = captions[currentSlide - 1];
	showSlideCounter(currentSlide);
	if(currentSlide >= lastSlide)2
		continueShow = false;
	if(continueShow) {
		clearTimeout(timer);
		timer = setTimeout("nextSlide()", interval);
	}
}
