var afbeeldingen=new Array();
var afbeeldingen_current=new Array();
var afbeeldingen_onderschrift=new Array();

window.onload = load_function;
var current = "on";
var currentPG= 0;

function load_function() {
	clock_ani_timer();
}

function use(id) {
	return(document.getElementById(id));
}

function clock_ani(id) {
	if(current == "on") {
		current = "off";
	} else {
		current = "on";
	}

	use('flicker').src = "images/header/dots_" + current + ".png";
}

function clock_ani_timer() {
	setTimeout(clock_ani_timer, 1000);
	clock_ani();
}

function vorige(id, pageID) {
	var array_name=afbeeldingen[pageID];

	afbeeldingen_current[pageID]--;

	if(afbeeldingen_current[pageID] < 1) {
		afbeeldingen_current[pageID] = array_name.length -1;
	}

	use(id).src = 'images/afbeelding.php?id=' + (afbeeldingen[pageID][afbeeldingen_current[pageID]]);
	use('onderschrift_' + pageID).innerHTML = afbeeldingen_onderschrift[pageID][afbeeldingen_current[pageID]];

	return false;
}

function volgende(id, pageID) {
	var array_name=afbeeldingen[pageID];

	afbeeldingen_current[pageID]++;

	if(afbeeldingen_current[pageID] > array_name.length-1) {
		afbeeldingen_current[pageID] = 1;
	}

	use(id).src = 'images/afbeelding.php?id=' + (afbeeldingen[pageID][afbeeldingen_current[pageID]]);
	use('onderschrift_' + pageID).innerHTML = afbeeldingen_onderschrift[pageID][afbeeldingen_current[pageID]];

	return false;
}

function isdefined(object, variable) {
	return (typeof(variable) == "undefined")?  false: true;
}

function isObject(variabele) {
	return (typeof(variabele)=="object");
}

function lightUpPG(id) {
	// Maak de gekozen tile scherp, en toon de straatnamen onderin beeld.
	document.getElementById('PGimg_'+id).src='images/plattegrond/default/'+id+'.jpg';
	setStraten(id);
}

function setStraten(id) {
	if (id>0 && isObject(straten[id])) {
		document.getElementById('straatnamen').innerHTML='<p><b>Straten:</b> '+straten[id].join(', ')+'</p>';
	} else {
		document.getElementById('straatnamen').innerHTML='<p>&nbsp;</p>';
	}
}

function lightOffPG(id) {
	// Maak de tile weer blurred.
	if (id!=currentPG && id>0) {
		document.getElementById('PGimg_'+id).src='images/plattegrond/blurred/'+id+'.jpg';
		document.getElementById('straatnamen').innerHTML='<p>&nbsp;</p>';
	}
	
	setStraten(currentPG);
}

function setPGtile(id) {
	var oud=currentPG, pjHTML='', straatMetInhoudTeller=0;
	currentPG=id;
	
	lightOffPG(oud);
	lightUpPG(id);
	
	setStraten(id);
	
	if (isObject(straten[id])) {
		for (var i=0; i<straten[id].length; i++) {
			if (isObject(projecten[id][i])) {
				pjHTML+='<h2>'+straten[id][i]+'</h2>';
				pjHTML+='<ul>';
				for (var j=0; j<projecten[id][i].length; j++) {
					pjHTML+='<li><a href="index.php?id='+projecten[id][i][j]+'">'+projecten_omschrijving[id][i][j]+'</a></li>';
				}
				pjHTML+='</ul>';
				
				straatMetInhoudTeller++;
			}
		}
	}
	
	document.getElementById('projecten').innerHTML=pjHTML;
}