// JavaScript Document

function changeSchuttingen(intAantal){
	
	oSchuttingen = document.getElementById("schuttingen")
	intAantalSchuttingen = oSchuttingen.getElementsByTagName("span").length;

	// toevoegen elementen
	if(intAantal > intAantalSchuttingen){
		
		intLoops = intAantal - intAantalSchuttingen;
		
		for(intI = 1; intI <= intLoops; intI++){
			intNummer = intAantalSchuttingen + intI
			
			oSchuttingen.innerHTML += '<span id="schutting'+ intNummer + '"><p><label for="h_schutting_' + intNummer + '">Hoogte schutting ' + intNummer + ':</label><input type="text" value="" id="h_schutting_' + intNummer + '" name="h_schutting_'+ intNummer + '" size="5" maxlength="5" /> Meter</p><p><label for="l_schutting_' + intNummer + '">Lengte schutting '+ intNummer + ':</label><input type="text" value="" id="l_schutting_' + intNummer + '" name="l_schutting_'+ intNummer + '" size="5" maxlength="5" /> Meter</p></span>';
		}
	}
	
	// verwijderen elementen
	if(intAantal < intAantalSchuttingen){
		intLoops = intAantalSchuttingen - intAantal;
		
		intI = intAantal;
		intI++;
		
		while(document.getElementById("schutting"+intI)){
			oElmSch = document.getElementById("schutting"+intI)
			oSchuttingen.removeChild(oElmSch);
			intI++;
		}
		
	}
}