// Constants
kImageWidth = 720;
kImageHeight = 540;

// global variables
var gIfInitialized = false;
var gSlideIndex = 0;
var gSlideMin = 1;


// Starting data
gSlideIndex = 1;


function JumpToNumber(inVal)
{
	document["slidePic"].src = loadingImageToUse;

	if (inVal < gSlideMin) inVal = gSlideMin;
	if (inVal > gSlideMax) inVal = gSlideMax;
	if (gSlideIndex != inVal) gSlideIndex = inVal;
	
	var	theImageStr = "" + gSlideIndex + ".jpg";
	
	// General Document Settings
	document.thisForm.picNumber.value = "" + gSlideIndex;
	document.slidePic.src = theImageStr;
}

function ProcessBegin()
{
	if (gSlideIndex != 1)
		JumpToNumber(1);
}

function ProcessEnd()
{
	if (gSlideIndex != gSlideMax)
		JumpToNumber(gSlideMax);
}

function ProcessPrevious()
{
	if (gSlideIndex > gSlideMin)
		JumpToNumber(parseInt(gSlideIndex) - 1);
}

function ProcessNext()
{
	if (gSlideIndex < gSlideMax)
		JumpToNumber(parseInt(gSlideIndex) + 1);
}

function ProcessNumber()
{
	tempSlideNumber = parseInt(document.thisForm.picNumber.value);
	
	if (tempSlideNumber != gSlideIndex)
		JumpToNumber(tempSlideNumber);
}


function FilterKeys(inEvent)
{
	var charCode = (navigator.appName == "Netscape") ? inEvent.which : inEvent.keyCode;
	
	if ((charCode == 3) || (charCode == 13))
	{
		ProcessNumber();
		document.thisForm.picNumber.select();
		return false;
	}
	
	if ((charCode > 31) && (charCode < 127) && ((charCode < 48) || (charCode > 57)))
		return false;
		
	return true;
}


function Update()
{
	if (!gIfInitialized)
	{
		OnLoad();
		return;
	}
	
	JumpToNumber(gSlideIndex);
}


function OnErrorImage()
{
	var currentImage = document.slidePic.src;
	var errorImage = "../Extras/error_black.GIF";
	
	if (loadingImage.src == "../Extras/loading_white.GIF")
		errorImage = "../Extras/error_white.GIF";
	
	if (currentImage == errorImage)			return;
	if (currentImage == loadingImageToUse)	return;
	
	document.slidePic.src = errorImage;
}

function OnLoad()
{
//	if (!gIfInitialized)
//	{
		loadingImage = new Image(kImageWidth, kImageHeight);
		loadingImage.src = loadingImageToUse;
		gIfInitialized = true;
//	}
	
	Update();
}

function OnUnload()
{
}

function SlideFormString(inColor)
{
	var	returnString = ""
	
	returnString += "<FORM ACTION='javascript:update()' METHOD=POST name=thisForm onsubmit='ProcessNumber(); return false;'>";
		returnString += "<CENTER>"
		returnString += "<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>"
		returnString += "<TR>"
			returnString += "<TD>"
				returnString += "<INPUT TYPE=button NAME=Begin VALUE=' ||&lt;&lt; Begin ' onclick='ProcessBegin()'>"
			returnString += "</TD>"
			returnString += "<TD>"
				returnString += "<INPUT TYPE=button NAME=Previous VALUE=' &lt;&lt; Back ' onclick='ProcessPrevious()'>"
			returnString += "</TD>"
			returnString += "<TD WIDTH=20>"
			returnString += "</TD>"
			returnString += "<TD>"
				returnString += "<CENTER><FONT SIZE='3' COLOR="
				returnString += ("\'" + inColor + "\'")
				returnString += ">"
				returnString += " Slide # "
				returnString += "<INPUT TYPE=text NAME=picNumber VALUE='1' SIZE=3 onblur='ProcessNumber()' onfocus='this.select()'>"
				returnString += (" of " + gSlideMax + " ")
				returnString += "</FONT></CENTER>"
			returnString += "</TD>"
			returnString += "<TD WIDTH=20>"
			returnString += "</TD>"
			returnString += "<TD>"
				returnString += "<INPUT TYPE=button NAME=Next VALUE=' Next &gt;&gt; ' onclick='ProcessNext()'>"
			returnString += "</TD>"
			returnString += "<TD>"
				returnString += "<INPUT TYPE=button NAME=End VALUE=' End &gt;&gt;|| ' onclick='ProcessEnd()'"
			returnString += "</TD>"
		returnString += "</TR>"
		returnString += "</TABLE>"
		returnString += "</CENTER>"
	returnString += "</FORM>"

	return returnString;
}