var currentplace
var sCases
var aCases

function showcase() {
sCases = document.getElementById('aCases').innerHTML;
aCases = sCases.split(',');
document.getElementById('CasesShow').innerHTML = '<img src="images/cases/' +aCases[0]+ '"/>';
currentplace = aCases[0]

for (var i=0;i<aCases.length;i++) {
	if (aCases[i] == currentplace) {
document.getElementById('sidetal').innerHTML += ('<a href="#" class="phat" onclick="gotothis(\'' + aCases[i] + '\')"/>' + (i+1) + '</a>&nbsp;');			
		}
		else {
document.getElementById('sidetal').innerHTML += ('<a href="#" onclick="gotothis(\'' + aCases[i] + '\')"/>' + (i+1) + '</a>&nbsp;');	
		}
	}
}

function gotonext() {
	
for (var i=0;i<aCases.length;i++){
	if (aCases[i] == currentplace) {
		if (i+2 <= aCases.length) { 
		gotothis(aCases[i+1]);
		break;
		} 
		else {
		gotothis(aCases[0]);
		break;
		}
	}
}
}
function gotopast() {
	
for (var i=0;i<aCases.length;i++){
	if (aCases[i] == currentplace) {
		if (i != 0) { 
		gotothis(aCases[i-1]);
		break;
		} 
		else {
		gotothis(aCases[aCases.length-1]);
		break;
		}
	}
}
}

function gotothis(thisCase) {

	var theimage = thisCase
	currentplace = theimage
document.getElementById('CasesShow').innerHTML = '<img src="images/cases/' +theimage+ '"/>';	
document.getElementById('sidetal').innerHTML = "";
for (var i=0;i<aCases.length;i++) {
	if (aCases[i] == currentplace) {
document.getElementById('sidetal').innerHTML += ('<a href="#" class="phat" onclick="gotothis(\'' + aCases[i] + '\')"/>' + (i+1) + '</a>&nbsp;');			
		}
		else {
document.getElementById('sidetal').innerHTML += ('<a href="#" onclick="gotothis(\'' + aCases[i] + '\')"/>' + (i+1) + '</a>&nbsp;');	
		}
	}
	}