function updateImages() {
	var offset = rows*cols*currentPage;
	for ( i=0; i<rows*cols; i++ ) {
		document.getElementById("img_"+i).src = thumbFolder+imageArray[i+offset]; 
		document.getElementById("img_"+i).width = imageWidthArray[i+offset]; 
		document.getElementById("img_"+i).height = imageHeightArray[i+offset]; 
		}
}

function scrollImages(direction) {
	if (document.getElementById("zoomView").style.display == 'block') {
		if (direction=='right') 
			selArrayIndex += ( selArrayIndex < imageArray.length-1 ? 1 : 0 );
		else 
			selArrayIndex -= ( selArrayIndex > 0 ? 1 : 0 );
		var selPageIndex = selArrayIndex - currentPage*rows*cols;
		
		if (selPageIndex >= rows*cols) {
			currentPage += 1;
			selPageIndex -= rows*cols;
		}
		if (selPageIndex < 0) {
			currentPage -= 1;
			selPageIndex += rows*cols;
		}
		updateStats();
		showZoomView(selPageIndex);
	} else {
		hideZoomView();
		if (direction=='right') 
			currentPage += ( currentPage < maxPages-1 ? 1 : 0 );
		else 
			currentPage -= ( currentPage > 0 ? 1 : 0 );
		updateImages();
		updateScrollers();
		updateStats();
	}
}

function showZoomView(index) {
	selPageIndex=index;
	selArrayIndex=index+currentPage*rows*cols;
	
	var imgWidth = imageLargeWidthArray[selArrayIndex];
	var imgHeight = imageLargeHeightArray[selArrayIndex];

	var scale = maxLargeImgSize / ( imgWidth > imgHeight ? imgWidth : imgHeight );
	var xMar = 0.5 * (800 - scale*imgWidth);
	var yMar = 0.5 * (maxLargeImgSize - scale*imgHeight);
	
	document.getElementById("zoomImg").src = largeFolder + "/" + imageArray[selArrayIndex];
	document.getElementById("zoomImg").width = imgWidth*scale;
	document.getElementById("zoomImg").height = imgHeight*scale;
	document.getElementById("zoomImg").style.margin = yMar+'px '+xMar+'px';
	document.getElementById("zoomView").style.display = "block";
	updateScrollers();
	updateStats();
	}

function hideZoomView() {
	document.getElementById("zoomView").style.display = "none";
	updateImages();
	updateStats();
}

function updateStats() {
//	document.getElementById("currentPage").innerHTML = 'currentPage: '+currentPage;
//	document.getElementById("currentPageIndex").innerHTML = 'selPageIndex: '+selPageIndex;
//	document.getElementById("currentArrayIndex").innerHTML = 'selArrayIndex: '+selArrayIndex;
}

function updateScrollers() {
	if (document.getElementById("zoomView").style.display == 'block') {
		document.getElementById("leftChevronImg").src = (selArrayIndex == 0 ? '/site/images/spacer.gif' : '/site/images/leftChevron.gif' );
		leftChevronSrc = (selArrayIndex == 0 ? '/site/images/spacer.gif' : '/site/images/leftChevron.gif' );
		leftChevronHiliteSrc = (selArrayIndex == 0 ? '/site/images/spacer.gif' : '/site/images/sel/leftChevron.gif' );
	
		document.getElementById("rightChevronImg").src = (selArrayIndex >= imageArray.length-1 ? '/site/images/spacer.gif' : '/site/images/rightChevron.gif' ); 
		rightChevronSrc = (selArrayIndex >= imageArray.length-1 ? '/site/images/spacer.gif' : '/site/images/rightChevron.gif' );
		rightChevronHiliteSrc = (selArrayIndex >= imageArray.length-1 ? '/site/images/spacer.gif' : '/site/images/sel/rightChevron.gif' );
	} else {
		document.getElementById("leftChevronImg").src = (currentPage == 0 ? '/site/images/spacer.gif' : '/site/images/leftChevron.gif' );
		leftChevronSrc = (currentPage == 0 ? '/site/images/spacer.gif' : '/site/images/leftChevron.gif' );
		leftChevronHiliteSrc = (currentPage == 0 ? '/site/images/spacer.gif' : '/site/images/sel/leftChevron.gif' );
	
		document.getElementById("rightChevronImg").src = (currentPage >= maxPages-1 ? '/site/images/spacer.gif' : '/site/images/rightChevron.gif' ); 
		rightChevronSrc = (currentPage >= maxPages-1 ? '/site/images/spacer.gif' : '/site/images/rightChevron.gif' );
		rightChevronHiliteSrc = (currentPage >= maxPages-1 ? '/site/images/spacer.gif' : '/site/images/sel/rightChevron.gif' );
	}
}