// JavaScript Document
var theCounter;
var activeImage;

function showPhoto(x) {
	for(i=0;i<theCounter;i++)
	{
		document.getElementById('img'+i).style.display = 'none';
		document.getElementById('button'+i).style.backgroundColor= '#999999';
		document.getElementById('button'+i).style.color= '#999999';
	}
	document.getElementById('img'+x).style.display = 'block';
	document.getElementById('button0').style.backgroundColor= 'transparent';
	document.getElementById('button0').style.color= '#999999';
	activeImage = x;
	z = document.getElementById('img'+x).getAttribute("rel");
	
	if(z!=""){
		document.getElementById('content-photo-credits').innerHTML = z;
	}
	else {
		document.getElementById('content-photo-credits').innerHTML = 'Er zijn geen credits bij deze foto.';
	}
	setActiveButton();
}

function showNext() {
	z = document.getElementById('img'+activeImage);
	if(z) {
			document.getElementById('img'+activeImage).style.display = 'none';
			unsetActiveButton(activeImage);
			activeImage = parseInt(activeImage) + 1;
			if (activeImage == theCounter) {
				activeImage = 0;
			}
			/*if (activeImage == -1) {
				activeImage = parseInt(theCounter) - 1;
			}*/
		}
	else {
			document.getElementById('img0').style.display = 'none';
			unsetActiveButton('0');
			activeImage = parseInt(theCounter) + 1;
		}
	document.getElementById('img'+activeImage).style.display = 'block';
	setActiveButton();	
}

function showPrevious() {
	z = document.getElementById('img'+activeImage);
	if(z) {
			document.getElementById('img'+activeImage).style.display = 'none';
			unsetActiveButton(activeImage);
			activeImage = parseInt(activeImage) + 1;
			if (activeImage == theCounter) {
				activeImage = 0;
			}
		}
	else {
			document.getElementById('img0').style.display = 'block';
			y = parseInt(theCounter) - 1;
			document.getElementById('img'+y).style.display = 'none';
			unsetActiveButton(y);
			activeImage = 0;
		}
	document.getElementById('img'+activeImage).style.display = 'block';
	setActiveButton();
}

function showText() {
	for(i=1;i<theCounter;i++)
	{
		document.getElementById('img'+i).style.display = 'none';
		document.getElementById('button'+i).style.backgroundColor= '#999999';
		document.getElementById('button'+i).style.color= '#999999';
	}
	document.getElementById('img0').style.display = 'block';
	document.getElementById('button0').style.color= '#ff2222';
	document.getElementById('content-photo-credits').innerHTML = '&nbsp;';
}

function setActiveButton() {
	document.getElementById('button'+activeImage).style.backgroundColor= '#ff2222';
	document.getElementById('button'+activeImage).style.color= '#ff2222';
	if (activeImage == 0) {
		document.getElementById('button0').style.color= '#ff2222';
		document.getElementById('button0').style.backgroundColor= 'transparent';
	}
}

function unsetActiveButton(y) {
	document.getElementById('button'+y).style.backgroundColor= '#999999';
	document.getElementById('button'+y).style.color= '#999999';
	if (y == 0) {
		document.getElementById('button0').style.color= '#999999';
		document.getElementById('button0').style.backgroundColor= 'transparent';
	}
}

function setActiveItem(x) {
	document.getElementById(x).style.color = '#ff2222';
}