var imagePath = "freetown_";
var imageCount = 4;
var imageName = new Array(imageCount);
var imageWidth = new Array(imageCount);
var imageHeight = new Array(imageCount);

imageWidth[0] = 640; imageHeight[0] = 480;
imageWidth[1] = 632; imageHeight[1] = 480;
imageWidth[2] = 632; imageHeight[2] = 480;
imageWidth[3] = 365; imageHeight[3] = 480;

for(var i = 0; i < imageCount; i++) {
	var number = (i < 10) ? ("0" + i) : ("" + i);
	imageName[i] = imagePath + number + ".jpg";
}

function setImage(image){
	// Get reference to the viewer image and selected image
	var viewer = document.getElementById("viewer");
	var bigImage = new Image(imageWidth[image], imageHeight[image]);
	
	// Set the viewer's image
	viewer.src = bigImage.src = imageName[image];	
	
	// Get the position from the left of the TD that will hold the image
	var viewerPos = document.getElementById("viewerTD").offsetLeft;
	var availableSpace = 1000 - viewerPos - 50;
	
	// Adjust the size of the image if necessary
	if(bigImage.width > availableSpace) {
		viewer.style.width = "" + availableSpace + "px";
	} 
	else {
		viewer.style.width = "" + bigImage.width + "px";
	}		
}