var dataObj = new Object();
var totalImages = 0;
var currentSet = new Array();
var imagesArray = new Array();

$(document).ready(function(){
	dataObj = eval(temp);
	totalImages = dataObj[0].length;

	if(totalImages > 4){$("#rightNav").css("visibility","visible");}
	
	var thumbId = '';
	if(totalImages < 4)
	{
		for(i=totalImages;i<5;i++)
		{
			thumbId = 'thumb'+i;
			$("#"+thumbId).hide();
		}
	}
	
	var imageName = '';
	var loopCount = 0;
	for(i=totalImages-1;i>-1;i--)
	{
		imageName = 'image-'+dataObj[0][i]+'.jpg';
		if(i > totalImages-5)
		{
			thumbId = 'thumb'+loopCount;
			$("#"+thumbId).attr('src','/images/grant-album/thumbs/' + imageName);
			currentSet[loopCount] = i+1;
		}
		imagesArray[i] = '/images/grant-album/large/' + imageName;
		if(i == totalImages-1)
		{
			$("#photoBox").attr('src','/images/grant-album/large/' + imageName);
			$("#grantTitle").text(dataObj[1][totalImages-1]);
			$("#grantRecip").text(dataObj[2][totalImages-1]);
			$("#grantSchool").text(dataObj[3][totalImages-1]);
			$("#grantAward").text(dataObj[4][totalImages-1]);
			$("#grantDesc").text(dataObj[5][totalImages-1]);
		}
		loopCount ++;
	}
	
	$("#thumbsList img").hover(function(){
		$(this).css("border-color","#9E3039");},
		function(){$(this).css("border-color","#ccc");});
	
	$("#thumbsList img").click(function(){
		$("#photoBox").attr("src","/graphics/loading-blue.gif");
		var imageId = this.id.toString();
		var imageIndex = imageId.substr(5);
		var imageNum = currentSet[imageIndex];
		var imagePath = '/images/grant-album/large/image-'+imageNum+'.jpg';
		$("#grantTitle").text(dataObj[1][imageNum-1]);
		$("#grantRecip").text(dataObj[2][imageNum-1]);
		$("#grantSchool").text(dataObj[3][imageNum-1]);
		$("#grantAward").text(dataObj[4][imageNum-1]);
		$("#grantDesc").text(dataObj[5][imageNum-1]);
		$("#photoBox").attr("src",imagePath);
	});

	$("#leftNav").click(function(){
		shiftThumbs(1);
	});

	$("#rightNav").click(function(){
		shiftThumbs(-1);
	});
});

function shiftThumbs(dir)
{
	var startIndex = currentSet[0];
	var lastIndex = currentSet[3];
	var freshIndex = 0;
	for(i=0;i<4;i++)
	{
		freshIndex = currentSet[i] + dir;
		currentSet[i] = freshIndex;
		imageName = 'image-'+freshIndex+'.jpg';
		thumbId = 'thumb'+i;
		document.getElementById(thumbId).src = '/images/grant-album/thumbs/' + imageName;
	}
	startIndex = currentSet[0];
	lastIndex = currentSet[3];
	var leftVisibility = (startIndex < totalImages) ? 'visible' : 'hidden';
	var rightVisibility = (lastIndex > 1) ? 'visible' : 'hidden';
	document.getElementById('leftNav').style.visibility = leftVisibility;
	document.getElementById('rightNav').style.visibility = rightVisibility;
}