// JavaScript Document


function reveal(linkje,klasse){																//toont plaatsnaam op kaart
	
	namen = getElementsByClass('naam');
	for(i=0; i<namen.length; i++){
		namen[i].style.display = "none";
	}
	
	punten = getElementsByClass('puntopkaart');
	for(i=0; i<punten.length; i++){
		//punten[i].style.zIndex = "1";
	}
	
	linkjes = getElementsByClass('puntlink');
	for(i=0; i<linkjes.length; i++){
		if(linkjes[i].parentNode.className == "puntopkaart"){
			linkjes[i].style.backgroundImage = "url(art/graphics/kruis_grijs.png)";
		}else if(linkjes[i].parentNode.className == "portretopkaart"){
			linkjes[i].style.backgroundImage = "url(art/graphics/lijst.png)";
		}else if(linkjes[i].parentNode.className == "combiopkaart"){
			linkjes[i].style.backgroundImage = "url(art/graphics/kruis_lijst_grijs.png)";
		}else{
			linkjes[i].style.backgroundImage = "url(art/graphics/kruis_zee.png)";
		}
	}
	
	if(klasse=="puntopkaart"){
		linkje.style.backgroundImage = "url(art/graphics/kruis.png)";
	}else if(klasse=="portretopkaart"){
		linkje.style.backgroundImage = "url(art/graphics/lijst_zwart.png)";
	}else if(klasse=="combiopkaart"){
		linkje.style.backgroundImage = "url(art/graphics/kruis_lijst.png)";
	}else{
		linkje.style.backgroundImage = "url(art/graphics/kruis_zee_mo.png)";
	}
	
	naamdiv = linkje.nextSibling; 														//dit werkt alleen als er geen spaties oid tussen link en div staan!
	//naamdiv.style.display = "block";
	//linkje.parentNode.style.zIndex = "30";
}

function openinfo(infoid){																//toont kaartinfo in legenda
	
	alleinfo = document.getElementById('legendainfo').getElementsByTagName('div');
	for(i=0; i<alleinfo.length; i++){
		alleinfo[i].style.display = "none";
	}
	
	document.getElementById('ki'+infoid).style.display = "block";
}

function openAreaInfo(area){
	
	alleinfo = document.getElementById('legendainfo').getElementsByTagName('div');
	for(i=0; i<alleinfo.length; i++){
		alleinfo[i].style.display = "none";
	}
	
	document.getElementById('info-' + area).style.display = "block";
		
	
}