function display(index) {
	var imageElement = document.getElementById("main_image");
	imageIndex = (currentPage * 8) + index;
	imageElement.src = images[imageIndex]; 
	imageElement.width = widths[imageIndex];
}

function scrollpage(page) {
	var linksDiv = document.getElementById("page_links");
	var i;
	for (i = 0; i < 8; i++) {
		var thumbElement = document.getElementById("thumb_image_" + i);
		var thumbIndex = (page * 8) + i;
		if (thumbIndex >= images.length)
			thumbElement.style.visibility = 'hidden';
		else {
			thumbElement.style.visibility = 'visible';
			thumbElement.src = thumbPath(images[thumbIndex]);
			thumbElement.width = widths[thumbIndex] / (350/100);
		}
	}
	
	var innerHtml = ""
	if (page > 0)
		innerHtml += "<a href=\"\" onclick=\"javascript: scrollpage(" + (page-1) + "); return false;\">Prev</a>\n";
	for (i = 0; i < numPages; i++) {
		if (i == page)
			innerHtml += "<b>" + i + "</b>\n";
		else
			innerHtml += "<a href=\"\" onclick=\"javascript: scrollpage(" + i + "); return false;\">" + i + "</a>\n";
	}
	if (page < numPages-1)
		innerHtml += "<a href=\"\" onclick=\"javascript: scrollpage(" + (page+1) + "); return false;\">Next</a>\n";
	currentPage = page;
	linksDiv.innerHTML = innerHtml;
}


function thumbPath(imagePath) {
	return imagePath.substring(0, imagePath.lastIndexOf('/')+1) + "thumbs" + imagePath.substring(imagePath.lastIndexOf('/'), imagePath.length);
}