<!--
var current = "1";
var currentThumb;
var currentMain;
var thumb;

function swapImage(id) {		
	currentThumb = "thumb" + id;
	currentMain = "main" + id;
	
	for (var i = 1; i <= totalPictures; i++) {
		var loopThumb = "thumb" + i;
		document.getElementById(loopThumb).style.border = "1px solid #eeeeee";
	}
	
	document.getElementById(currentThumb).style.border = "1px solid #bcbcbc";
	
	for (var i = 1; i <= totalPictures; i++) {
		var loopMain = "main" + i;
		document.getElementById(loopMain).className = "mainInvisible";
	}
	
	document.getElementById(currentMain).className = "mainVisible";
	
	
	current = id;	
}

function overState(id) {
	if (current != id) {
		thumb = "thumb" + id;	
		document.getElementById(thumb).style.border = "1px solid #bcbcbc";
	}
}

function normalState(id) {
	if (current != id) {
		thumb = "thumb" + id;	
		document.getElementById(thumb).style.border = "1px solid #eeeeee";
	}
}

-->