// JavaScript Document
<!--
function changePicture(imgId, imgLocation, imgFile){
	document.getElementById(imgId).src = imgLocation+imgFile;
}
function changeCursor(TagId, CursorType){
	document.getElementById(TagId).style.cursor	= CursorType;
}
function generateColInfo(tdId, iColMax, colW, colH, colAlign, colVAlign){
	return Array(tdId, iColMax, colW, colH, colAlign, colVAlign);
}
function generatePhotoInfo(photoId, thmListArray, ThmPhotoLocation, LargePhotoLocation, MOut, MOver, MClick){
	return Array(photoId, thmListArray, ThmPhotoLocation, LargePhotoLocation, MOut, MOver, MClick);
}
function changePic1(imgId, img, cursorType){
	document.getElementById(imgId).src	= img;
	changeCursor(imgId,cursorType);
}
function changePic2(imgId, img){
	document.getElementById(imgId).src	= img;
}
function generateThmMatrix(ColInfo, PhotoInfo, tableId, tableW){
	var imgStr1	= "";
	var imgStr2	= "";
	var i		= 0;
	var iIndex	= 0;
	var iCol		= 0;
	var iRow		= 0;
	var NumOfPics	= PhotoInfo[1].length;
	var thmImgSrc	= "";
	var table		= document.getElementById(tableId);
	var row;
	var col
	if(NumOfPics > 0){
		table.width	= tableW;
		while(iIndex < NumOfPics){
			row	= table.insertRow(iRow)
			iRow++;
			for(iCol=0; iCol<ColInfo[1]; iCol++){
				col			= row.insertCell(iCol);
				col.width		= ColInfo[2];
				col.height	= ColInfo[3];
				col.align		= ColInfo[4];
				col.vAlign	= ColInfo[5];
				if(iIndex<NumOfPics){
					thmImgSrc	= PhotoInfo[2]+PhotoInfo[1][iIndex];
					imgStr1	= "<div id='thmLayer1"+iIndex+"' style='z-index:2; position:absolute; visibility:visible;' onMouseOver=\"changePic1('thmPic"+iIndex+"', '"+thmImgSrc.replace(PhotoInfo[4],PhotoInfo[5])+"', 'hand');\" onMouseOut=\"changePic2('thmPic"+iIndex+"', '"+thmImgSrc+"');\">";
					imgStr1	= imgStr1	+ "<img id='thmPic"+iIndex+"' src='"+thmImgSrc+"' border='0'  onClick=\"changePicture('"+PhotoInfo[0]+"', '"+PhotoInfo[3]+"', '"+PhotoInfo[1][iIndex].replace(PhotoInfo[4], PhotoInfo[6])+"')\">";
					imgStr1	= imgStr1	+ "</div>";
					thmImgSrc	= thmImgSrc.replace(PhotoInfo[4],PhotoInfo[5]);
					imgStr2	= "<div id='thmLayer2"+iIndex+"' style='z-index:1; position:absolute; visibility:hidden;'>";
					imgStr2	= imgStr2	+ "<img id='thmPicPreLoad"+iIndex+"' src='"+thmImgSrc+"' border='0'  onClick=\"changePicture('"+PhotoInfo[0]+"', '"+PhotoInfo[3]+"', '"+PhotoInfo[1][iIndex].replace(PhotoInfo[4], PhotoInfo[6])+"')\">";
					imgStr2	= imgStr2	+ "</div>";
					col.innerHTML	= imgStr1+imgStr2;
					iIndex++;
				}
				else{
					col.innerHTML	= "&nbsp;";
				}
			}
		}
	}
	else{
		document.getElementById(ColInfo[0]).innerHTML = "<font color='#FFFFFF' face='Arial, Helvetica, sans-serif' size='1'><b>No Pictures Available</b></font>";
	}
}
//-->