/* Default Javascript Absolute Landscapes */
var curImg = 1;
var imgList;

function preloadImages() {
	imgList = new Array(totalImages);
	for (var i=0; i<imgList.length; i++) {
		var imgNumber = i + 1;
		imgList[i] = new Image();		
		imgList[i].src = 'img/project_h388/' + projectNumber + '_' + imgNumber + '.jpg';
	}
}
						

function showNextImage() {
	curImg++;
	if (curImg > totalImages) { 
		curImg = totalImages;
	} else {
		showImage(curImg);
	}
}

function showPreviousImage() {	
	curImg--;
	if (curImg < 1) {
		curImg = 1;
	} else {
		showImage(curImg);
	}
}

function showImage(imgNumber) {
	var arrayIndex = imgNumber - 1;
	document.getElementById('partimg').src = imgList[arrayIndex].src;
	document.getElementById('partimg').width = imgList[arrayIndex].width;
	document.getElementById('partimg').height = 388;
	curImg = imgNumber;
	
	// highlight box
	for (var i = 0; i < totalImages; i++) {
		var divid = i + 1;
		if (divid == curImg) {
			document.getElementById('parthighlight' + divid).style.borderLeft = '2px dotted #336666';
			document.getElementById('parthighlight' + divid).style.borderRight = '2px dotted #336666';
		} else {
			document.getElementById('parthighlight' + divid).style.borderLeft = 'none';
			document.getElementById('parthighlight' + divid).style.borderRight = 'none';
		}
	}
}