var intSelected = -1;

function writeImages() {
	var strOutput = "";
	var objPhotos = "";
	for (var i=0; i < aryPhotos.length; i++ ) {
		objPhotos = newImage("photos/" + aryPhotos[i][0] + ".jpg"); 
		strOutput += "<div id='thumb" + i + "'><a href='javascript:showImage(" + i + ");'><img src=\"photos/" + aryPhotos[i][0] + "S.jpg\" alt=\"" + aryPhotos[i][1] + "\" wdith=\"45\" height=\"45\" border=\"0\" onMouseOver=\"doRoll(" + i + ", 'Over');\" onMouseOut=\"doRoll(" + i + ", 'Out');\"/></a></div>";
	}
	var objDiv = document.getElementById('thumbs');
	objDiv.innerHTML = strOutput;
}

function doRoll(intThumb, strClass) {
	if (intThumb != intSelected) {
		var objDiv = document.getElementById('thumb' + intThumb);
		objDiv.className = "thumb" + strClass;
	}
}

function showImage(intImage) {

	if (intSelected != -1) {
		var objDiv = document.getElementById('thumb' + intSelected);
		objDiv.className = "thumbOut";
	}

	intSelected = intImage;

	var objDiv = document.getElementById('thumb' + intSelected);
	objDiv.className = "thumbOn";

	var objImgDiv = document.getElementById('photo');
	var strImg = '<img src="photos/' + aryPhotos[intImage][0] + '.jpg" width="' + aryPhotos[intImage][2] + '" height="' + aryPhotos[intImage][3] + '" alt="' + aryPhotos[intImage][1] + '" title="' + aryPhotos[intImage][1] + '" border="0">';
	objImgDiv.innerHTML = strImg;

	var objDiv = document.getElementById('caption');
	objDiv.innerHTML = aryPhotos[intImage][1];
}