/*

*/
var sampleInnerHTML = "";
var perPages = ""
var nCurrentIndex = "";
function onClick(index){
	document.getElementById("showLargePreview").style.display = "block";
	divName = document.getElementById("thumbnailStructure");
	nCurrentIndex = index;
	showPreview(divName.relativeArray[index][2], document.getElementById("imagePreviewArea"));
}


function showOriginal()
{
	showPreview(imgThumbnailArray[nCurrentIndex][2], document.getElementById("imagePreviewArea"));
}

function showLargeImage()
{
	showBigPreview(imgThumbnailArray[nCurrentIndex][3], document.getElementById("imagePreviewArea"));
}



function startGallery(divName, imgArray, startIndex, endIndex){
	var rootDiv = document.getElementById(divName);
	rootDiv.relativeArray = imgArray;
	sampleInnerHTML = rootDiv.innerHTML;
	perPages = endIndex-startIndex;
	refreshGallery(divName, startIndex, endIndex)

}
function callByPage(startIn, endIn){
	//var st = String(divName.id)
	var st = "thumbnailStructure";
	divName = document.getElementById(st);
	divName.innerHTML = "";
	refreshGallery(st, startIn, endIn);
}
function refreshGallery(divName, startIndex, endIndex){
	var rootDiv = document.getElementById(divName);
	var imgArray = rootDiv.relativeArray;
	var outerTable = "";
	if(endIndex>imgArray.length){
		endIndex = imgArray.length;
	}
	for(var i=startIndex;i<endIndex;i++){
		var tableText = sampleInnerHTML;
		var imgs = imgArray[i][1];
		var imgStr = "<IMG src='"+imgArray[i][1]+"' onclick='onClick("+i+")'/>";
		var viewStr = "<IMG src='images/view.jpg' onclick='onClick("+i+")'/>";
		tableText = tableText.split("MyDisplayImage").join(imgStr);
		tableText = tableText.split("MyViewImage").join(viewStr);
		
		outerTable+=tableText;
	}
	var pagingTxt = "<table style='position:absolute;bottom:0px;left:0px;text-align:center' width='200px'><tr><td>";
	//var perPages = endIndex-startIndex;
	var totalPages  = imgArray.length/perPages

	for(var i=0;i<totalPages;i++){
		startIn = perPages*i;
		endIn = startIn+perPages;
		divNames = String(divName);
		var pageLink = "<a href='javascript:callByPage("+startIn+", "+endIn+")' class='pagingLink'>"+(i+1)+"</a>&nbsp;";
		pagingTxt+=pageLink;
	}
	pagingTxt+="</td></tr></table>";
	outerTable+=pagingTxt;
	//MyDisplayImage
	//alert(rootDiv.split("IMG").join("mitesh"));
	//alert(outerTable)
	rootDiv.innerHTML = outerTable;

}