var active_index = 0;
var active_thumbs_start = 0;


function setFoto(filename,index){
	active_index = index;
	
	document.getElementById("foto").src = "http://www.stoneart.be/getimage.php?filename=" + filename + "&breedte=339&hoogte=0";
	
	
	if(index == 0){
		document.getElementById("btn_foto_vorige").style.display = "none";
		document.getElementById("high_res").style.marginLeft = "81px";
	}else{
		document.getElementById("btn_foto_vorige").style.display = "block";
		document.getElementById("high_res").style.marginLeft = "35px";
	}
	
	if(index == (aantalfotos - 1)){
		document.getElementById("btn_foto_volgende").style.display = "none";
	}else{
		document.getElementById("btn_foto_volgende").style.display = "block";
	}
}

function setFotoHigh(filename,index){
	active_index = index;
	
	document.getElementById("high_res_foto").src = "http://www.stoneart.be/getimage.php?filename=" + filename + "&breedte=0&hoogte=600";
	
	
	if(index == 0){
		document.getElementById("high_btn_foto_vorige").style.display = "none";
		document.getElementById("high_high_res").style.marginLeft = "86px";
	}else{
		document.getElementById("high_btn_foto_vorige").style.display = "block";
		document.getElementById("high_high_res").style.marginLeft = "40px";
	}
	
	if(index == (aantalfotos - 1)){
		document.getElementById("high_btn_foto_volgende").style.display = "none";
	}else{
		document.getElementById("high_btn_foto_volgende").style.display = "block";
	}
}



function setThumbsStart(thumbs_start){
	for (i=0;i<(paginas * 20);i++){
		document.getElementById("thumb_" + i).style.display = "none";
	}
	
	for (i=0;i<20;i++){
		if(document.getElementById("thumb_" + (parseInt(thumbs_start + i)))){
			document.getElementById("thumb_" + (parseInt(thumbs_start + i))).style.display = "inline";
		}
		
	}
	
	
	
	active_thumbs_start = thumbs_start;
	
	
	
	
	if(thumbs_start == 0){
		document.getElementById("btn_thumbs_vorige").style.display = "none";
	}else {
		document.getElementById("btn_thumbs_vorige").style.display = "block";
	}
	
	if(aantalfotos <= active_thumbs_start + 20){
		document.getElementById("btn_thumbs_volgende").style.display = "none";
	}else{
		document.getElementById("btn_thumbs_volgende").style.display = "block";
	}
}






function highRes(){
	document.getElementById("highres_wrapper").style.display = "block";
	document.getElementById("content").style.display = "none";
	document.getElementById("high_res_foto").src = "http://www.stoneart.be/getimage.php?filename="+ fotos[active_index] + "&breedte=0&hoogte=600";
	
	setFotoHigh(fotos[active_index],active_index);
}

function closeHighRes(){
	document.getElementById("highres_wrapper").style.display = "none";
	//document.getElementById("high_res_foto").style.display = "none";
	document.getElementById("content").style.display = "block";
	
	setFoto(fotos[active_index],active_index);
}