// JavaScript Document
var nodeNumber;
var ourInterval;
var titleVar;
function setLinks(){
	var parentEl = document.getElementById("thumbScroll").getElementsByTagName("img");
	document.getElementById("prev").style.display = "none";
	for (i=0; i < parentEl.length; i++){
		var el = parentEl[i];
		el.style.cursor = "pointer";
		el.onclick = function(){
			var srcVar = this.src;
			titleVar = this.title;		
			var charIndex = srcVar.lastIndexOf("/");
			var hrefVar = srcVar.substr(charIndex+1);
			document.getElementById("instructions").style.display="block";
			document.getElementById("loadedImg").src = "images/"+hrefVar;
			ourInterval = setInterval("imageLoader()", 100);
			document.getElementById("loadedImg").setAttribute("alt",titleVar);
			document.getElementById("loadedImg").setAttribute("title",titleVar);
			document.getElementById("imageArea").style.border="none";
			document.getElementById("loadedImg").style.border="1px solid #14127D";
			document.getElementById("caption").innerHTML = "LOADING IMAGE";
			document.getElementById("loadedImg").style.display="block";
			document.getElementById("instructions").style.display="none";
			nodeNumber = this.getAttribute("id");
			document.getElementById("prev").style.display = "inline";
		}
	}
}

function navigation(whichWay){
	var sourceEl;
	var nextNode;
	document.getElementById("prev").style.display = "inline";
	if(!nodeNumber){
		nodeNumber = "img01";	
		sourceEl = document.getElementById(nodeNumber);
		nextNode =  sourceEl;
	}else if (nodeNumber == "img26"){
		nodeNumber = "img01";	
		sourceEl = document.getElementById(nodeNumber);
		nextNode =  sourceEl;
		document.getElementById("prev").style.display = "none";
	}else{
		sourceEl = document.getElementById(nodeNumber);
		if (whichWay == "next"){
			nextNode = sourceEl.nextSibling.nextSibling;
			nodeNumber = nextNode.getAttribute("id");
		}else{
			nextNode = sourceEl.previousSibling.previousSibling;
			nodeNumber = nextNode.getAttribute("id");
		}	
	}
	titleVar = nextNode.title;		
	var srcVar = nextNode.src;
	var charIndex = srcVar.lastIndexOf("/");
	var hrefVar = srcVar.substr(charIndex+1);
	ourInterval = setInterval("imageLoader()", 100);
	document.getElementById("loadedImg").src = "images/"+hrefVar;
	document.getElementById("loadedImg").setAttribute("alt",titleVar);
	document.getElementById("loadedImg").setAttribute("title",titleVar);
	document.getElementById("imageArea").style.border="none";
	document.getElementById("loadedImg").style.border="1px solid #14127D";
	document.getElementById("caption").innerHTML = "LOADING IMAGE";
	document.getElementById("loadedImg").style.display="block";
	document.getElementById("instructions").style.display="none";
}

function imageLoader(){
	if (document.getElementById("loadedImg").complete) {
   		// safe to process the image object
		document.getElementById("caption").innerHTML = titleVar;
		clearInterval(ourInterval);
	}	
}