//
//
//	NextPrev.js version 1.0.2
//
//
//
//
//

var strDescripDivider = "|";
var strItemDivider = "^";
var intCurIMGNum = 0;
var strIMGDescrip = "";
var intIMGCount;
var arrIMGDescrips;
var intThumbItemsPerRow = 4;
var boolShowingNextImage = false;
var boolShowingPreviousImage = false;

function PrepPage()
{
	intCurIMGNum = -1;
	SetUpIMGListArray();
	ShowThumbs();
}

function SetUpIMGListArray()
{
	//alert("begining");
	strIMGDescrip = document.getElementById('NextPrevData').firstChild.data;
	//strIMGDescrip = window.top.frames[1].document.getElementById('NextPrevData').firstChild.data;

	//alert(strIMGDescrip);
	arrIMGDescrips = strIMGDescrip.split(strDescripDivider);
	intIMGCount = arrIMGDescrips.length;
}



function ShowNextIMG()		//(intCurIMGNum, intIMGCount, arrIMGDescrips)
{
	var intIMGNum = intCurIMGNum;
	intIMGNum = intIMGNum + 1;
	if(intIMGNum >= intIMGCount)
	{
		intIMGNum = 0;
	}

	var objIMGAreaDiv = document.getElementById('ImageArea')
	
	if(intIMGNum+1 <= intIMGCount)
	{
		boolShowingNextImage = true;
		ShowThisIMG(intIMGNum, arrIMGDescrips, true, true, objIMGAreaDiv);
		boolShowingNextImage = false;
	}
}

function ShowPrevIMG()
{
	var intIMGNum = intCurIMGNum;
	intIMGNum = intIMGNum - 1;
	if(intIMGNum < 0)
	{
		intIMGNum = intIMGCount -1;
	}
	
	//alert(intIMGNum + " - " + intIMGCount);
	var objIMGAreaDiv = document.getElementById('ImageArea')
	
	if(intIMGNum+1 <= intIMGCount)
	{
		ShowThisIMG(intIMGNum, arrIMGDescrips, true, true, objIMGAreaDiv);

	}
}

function ShowThisIMG(intIMGNum, arrIMGDescrips, boolShowCaptionInfo, boolShowLarge, objIMGAreaDiv)
{
	//alert(document.body.scrollTop)	//alert(window.top.frames[0].document.body.scrollTop)
	var strSingleIMGDescrip = arrIMGDescrips[intIMGNum];
	var arrSingleIMGDescrip = strSingleIMGDescrip.split("^");
	var strFileName = arrSingleIMGDescrip[0];
	var strThumbName = arrSingleIMGDescrip[1];
	var strDisplayTitle = arrSingleIMGDescrip[2];
	var strDisplayDate = arrSingleIMGDescrip[3];
	var strDisplayComment = arrSingleIMGDescrip[4];

	//alert(intIMGNum + "    " + boolShowCaptionInfo + "   " + strDisplayTitle + "  " + strDisplayDate + "    "  + strDisplayComment);

	if (boolShowLarge)
	{
		UpdateLargeIMGDiv(strFileName, objIMGAreaDiv);
		intCurIMGNum = intIMGNum;
		if (boolShowCaptionInfo)
		{
			ShowCaptionInfo(strDisplayTitle, strDisplayDate, strDisplayComment);
		}
	}
	else
	{
		if (strThumbName.Length = "undefined")
		{
			strThumbName = "thumbs/s-" + strFileName;
		}
		else if (strThumbName.Length = 0)
		{
			strThumbName = "thumbs/s-" + strFileName;
		}
		else
		{
			//alert(strThumbName);
		}
	
		if (strThumbName != "NONE")
		{
			UpdateIMGDiv(strThumbName, objIMGAreaDiv, true);
			
			if (boolShowCaptionInfo)
			{
				ShowCaptionInfo(strDisplayTitle, strDisplayDate, strDisplayComment);
			}
		}
	}
}
function UpdateLargeIMGDiv(strFileName, objIMGAreaDiv)
{
	var strLargeIMGFilePart = "large/" + strFileName;
	UpdateIMGDiv("transparency.gif", objIMGAreaDiv, false);
	onImageDownloadBegin();	
	
	UpdateIMGDiv(strLargeIMGFilePart, objIMGAreaDiv, false);
}


function UpdateIMGDiv(strFileName, objIMGAreaDiv, boolNavImage)
{
	var strIMGFileSpecPart = "assets/" + strFileName;
	objIMGAreaDiv.src = strIMGFileSpecPart;
	if (boolNavImage)
	{
		objIMGAreaDiv.className="navitem";
	}
	else
	{
		objIMGAreaDiv.className="nonnavitem";
	}
	//alert(strIMGFileSpecPart);
}

function ShowCaptionInfo(strDisplayTitle, strDisplayDate, strDisplayComment)
{
	var objIMGTitleDiv = document.getElementById('IMGTitle')
	var objIMGDateDiv = document.getElementById('IMGDate')
	var objIMGInfoDiv = document.getElementById('IMGInfoText')
	
	if (objIMGTitleDiv.firstChild !=null)
	{
		objIMGTitleDiv.firstChild.data = strDisplayTitle;
	}
	else
	{
		objIMGTitleDiv.innerText = strDisplayTitle;
	}

	if (objIMGDateDiv.firstChild !=null)
	{
		objIMGDateDiv.firstChild.data = strDisplayDate;
	}
	else
	{
		objIMGDateDiv.innerText = strDisplayDate;
	}

	if (objIMGInfoDiv.firstChild !=null)
	{
		objIMGInfoDiv.firstChild.data = strDisplayComment;
	}
	else
	{
		objIMGInfoDiv.innerText = strDisplayComment;	
	}
	
}


function ShowThumbs()
{

	//BuildThumbs();
	
	var intCurIMGNum = -1;
	for (var intRowNum = 1; intRowNum<=7; intRowNum++)
	{
		for (var intCurColNum = 0; intCurColNum<=intThumbItemsPerRow-1; intCurColNum++)
		{
			intCurIMGNum++;
			if (intCurIMGNum <= intIMGCount - 1)
			{
				var strElementID = "TR" + intRowNum + "TD" + intCurColNum;
				var objThumbIMGAreaDiv = document.getElementById(strElementID)
				ShowThisIMG(intCurIMGNum, arrIMGDescrips, false, false, objThumbIMGAreaDiv);
			}
		}
	}
	
}
function BuildThumbs()
{

	var intTotalRows = intIMGCount / intThumbItemsPerRow;
	var intThisRow = 1;
	var intItemsThisRow = 0;
	var strReturnValue = "";
	
	strReturnValue = "<tbody> <tr id=\"TR1\"> ";
	for (var intCurIMGNum = 0; intCurIMGNum<=intIMGCount -1; intCurIMGNum++)
	{
		intItemsThisRow = intItemsThisRow + 1;
		strReturnValue = strReturnValue + BuildOneThumb(intCurIMGNum, intThisRow, intItemsThisRow);
		if (intItemsThisRow >= intThumbItemsPerRow)
		{
			strReturnValue = strReturnValue + "</tr>"
			intThisRow = intThisRow + 1;
			if (intThisRow < intTotalRows)
			{
				strReturnValue = strReturnValue + "<tr id=\"TR" + intThisRow + "\"> "
			}
			intItemsThisRow = 0;
		 }

		
	}
	strReturnValue = strReturnValue + "</tbody>";
	
	var objTotalThumbIMGAreaDiv = document.getElementById("ThumbNailArea1");
	//alert(objTotalThumbIMGAreaDiv.innerHTML);

	if (objTotalThumbIMGAreaDiv.firstChild !=null)
	{
		//objTotalThumbIMGAreaDiv.firstChild = strReturnValue;
	}
	else
	{
		//objTotalThumbIMGAreaDiv.innerHTML = strReturnValue;
	}	
	//	
}
function ToggleBackToMainImage()
{
	HideThumbs();
	HidePageHeader();
	document.location.href="#ShowImageScrollLoc"
	ReDisplayMainImage();
}
function ReDisplayMainImage()
{
	var objIMGAreaDiv = document.getElementById("ImageAreaLayer");
	objIMGAreaDiv.className = "";
}
function HideMainImage()
{
	var objIMGAreaDiv = document.getElementById("ImageAreaLayer");
	objIMGAreaDiv.className = "invisdiv";
}

function ToggleBackToThumbs()
{
	HideMainImage();
	ShowPageHeader();
	ReDisplayThumbs();
}

function ThumbClick(intThumbIMGNum)
{
	var intCorrectedThumbIMGNum = intThumbIMGNum;
	ToggleBackToMainImage();
	var objIMGAreaDiv = document.getElementById('ImageArea')
	ShowThisIMG(intCorrectedThumbIMGNum, arrIMGDescrips, true, true, objIMGAreaDiv);
}

function ReDisplayThumbs()
{
	var objThumbIMGAreaDiv = document.getElementById("ThumbAreaLayer");
	objThumbIMGAreaDiv.className = "";
}

function HideThumbs()
{
	var objThumbIMGAreaDiv = document.getElementById("ThumbAreaLayer");
	objThumbIMGAreaDiv.className = "invisdiv";
}
function HidePageHeader()
{
	var objHeaderAreaDiv = document.getElementById("header");
	objHeaderAreaDiv.className = "invisdiv";
}
function ShowPageHeader()
{
	var objHeaderAreaDiv = document.getElementById("header");
	objHeaderAreaDiv.className = "";
}

function HideOneThumb(objThumbIMG)
{
	objThumbIMG.src=""
	objThumbIMG.className="nonnavitem";
}


function BuildOneThumb(intArrayID, intRowID, intColID)
{
	var strReturnValue = "";
	strReturnValue = strReturnValue + "<td ><img id=\"TR"
	strReturnValue = strReturnValue + intRowID + "TD" + intColID + "\" src=\"\" "
	strReturnValue = strReturnValue + "onclick=\"javascript:ThumbClick(" + intArrayID + "); \" ></img> </td>"
	return strReturnValue;
}

function onImageDownloadComplete()
{
	document.getElementById("ImageAreaWaitInfo").className="DownloadComplete";
	
	var objIMGAreaDiv = document.getElementById('ImageArea');
	//objIMGAreaDiv.className = "";
}
function onImageDownloadBegin()
{
	document.getElementById("ImageAreaWaitInfo").className="Downloading";
}