Hoeveel kinderen wenst u in te schrijven voor Bivak Putte 2016? (maximum 5)<br>
Aantal kinderen: <select name="aantal" id="aantal">
<option value="een">Een</option>
<option value="twee">Twee</option>
<option value="drie">Drie</option>
<option value="vier">Vier</option>
<option value="vijf">Vijf</option>
<option value="meer">Meer dan vijf</option>
</select><br>

<script type="text/javascript">
	function select(){
    	document.getElementById("zin2").innerHTML = "Vul het aantal dagen in en druk op 'Bereken nu'.";
    	var x = document.getElementById("aantal").value;
        
        if (x == "een"){
        	toon("peen");
            toon("k1");
        	verberg("pvijf");
            verberg("k5");
        	verberg("ptwee");
            verberg("k2");
        	verberg("pdrie");
            verberg("k3");
        	verberg("pvier");
            verberg("k4")
            verberg("zin");
            toon("zin2");
		verberg("zin3");
		verberg("zin4");
        } 
        else if (x=="twee"){
        	toon("ptwee");
            toon("k2");
        	verberg("pvijf");
            verberg("k5");
        	verberg("peen");
            verberg("k1");
        	verberg("pdrie");
            verberg("k3");
        	verberg("pvier");
            verberg("k4")
            verberg("zin");  
            toon("zin2");  
		verberg("zin3");
		verberg("zin4");     
        } 
        else if (x=="drie"){
        	toon("pdrie");
            toon("k3");
        	verberg("pvijf");
            verberg("k5");
        	verberg("ptwee");
            verberg("k2");
        	verberg("peen");
            verberg("k1");
        	verberg("pvier");
            verberg("k4")
            verberg("zin");
            toon("zin2");
		verberg("zin3");
		verberg("zin4");
        } 
        else if (x=="vier"){
        	toon("pvier");
            toon("k4");
        	verberg("pvijf");
            verberg("k5");
        	verberg("ptwee");
            verberg("k2");
        	verberg("pdrie");
            verberg("k3");
        	verberg("peen");
            verberg("k1")
            verberg("zin");
            toon("zin2");

		verberg("zin3");
		verberg("zin4");
        }
        else if (x=="vijf"){
        	toon("pvijf");
            toon("k5");
        	verberg("peen");
            verberg("k1");
        	verberg("ptwee");
            verberg("k2");
        	verberg("pdrie");
            verberg("k3");
        	verberg("pvier");
            verberg("k4")
            verberg("zin");
            toon("zin2");
		verberg("zin3");
		verberg("zin4");
        }
	else if (x="meer"){
        	verberg("pvijf");
            verberg("k5");
        	verberg("peen");
            verberg("k1");
        	verberg("ptwee");
            verberg("k2");
        	verberg("pdrie");
            verberg("k3");
        	verberg("pvier");
            verberg("k4")
            verberg("zin");
            verberg("zin2");
		toon("zin3");
		toon("zin4");
	}
        

	function toon(id){ 
    	var g = document.getElementById(id); 
    	g.style.display ='block'; 
	};
    
    function verberg(id){
    	var f = document.getElementById(id);
        f.style.display='none';
    };
    

  };
    
function bereken5() {
    var a = document.getElementById("een5").value;
    var b = document.getElementById("twee5").value;
    var c = document.getElementById("drie5").value;
    var d = document.getElementById("vier5").value;
    var e = document.getElementById("vijf5").value;
    var z = a * (12.0) + b * (11.5) + c*11.0 + d*10.5 + e*10;
    document.getElementById("zin2").innerHTML = "Het chirokamp kost voor het hele gezin: €" + z;
}

function bereken4() {
    var a = document.getElementById("een4").value;
    var b = document.getElementById("twee4").value;
    var c = document.getElementById("drie4").value;
    var d = document.getElementById("vier4").value;
    var z = a * (12.0) + b * (11.5) + c*11 + d*10.5;
    document.getElementById("zin2").innerHTML = "Het chirokamp kost voor het hele gezin: €" + z;
}

function bereken3() {
    var a = document.getElementById("een3").value;
    var b = document.getElementById("twee3").value;
    var c = document.getElementById("drie3").value;
    var z = a * (12) + b * (11.5) + c*11;
    document.getElementById("zin2").innerHTML = "Het chirokamp kost voor het hele gezin: €" + z;
}

function bereken2() {
    var a = document.getElementById("een2").value;
    var b = document.getElementById("twee2").value;
    var z = a * (12) + b * (11.5);
    document.getElementById("zin2").innerHTML = "Het chirokamp kost voor het hele gezin: €" + z;
}

function bereken1() {
    var a = document.getElementById("een1").value;
    var z = a * (12);
    document.getElementById("zin2").innerHTML = "Het chirokamp kost voor het hele gezin: €" + z;
}
</script>


<button type="button" onclick="select()">Bevestig</button><br>


<p id="pvijf" style="display:none;">
Oudste kind (€12,0 per dag)<br>
	Aantal dagen: <input type="text" name="een5" maxlength="2" size="1" ID="een5"><br><br>
    
Tweede kind (€11,5 per dag)<br>
	Aantal dagen: <input type="text" name="twee5" maxlength="2" size="1" ID="twee5"><br><br>
    
Derde kind (€11,0 per dag)<br>
Aantal dagen: <input type="text" name="drie5" maxlength="2" size="1" ID="drie5"><br><br>
    
Vierde kind (€10,5 per dag)<br>
	Aantal dagen: <input type="text" name="vier5" maxlength="2" size="1" ID="vier5"><br><br>

Jongste kind (€10,0 per dag)<br>
	Aantal dagen: <input type="text" name="vijf5" maxlength="2" size="1" ID="vijf5"><br>
</p>

<p id="pvier" style="display:none;">
Oudste kind (€12,0 per dag)<br>
	Aantal dagen: <input type="text" name="een" maxlength="2" size="1" ID="een4"><br><br>
    
Tweede kind (€11,5 per dag)<br>
	Aantal dagen: <input type="text" name="twee" maxlength="2" size="1" ID="twee4"><br><br>
    
Derde kind (€11,0 per dag)<br>
Aantal dagen: <input type="text" name="drie" maxlength="2" size="1" ID="drie4"><br><br>
    
Jonste kind (€10,5 per dag)<br>
	Aantal dagen: <input type="text" name="vier" maxlength="2" size="1" ID="vier4"><br>
</p>

<p id="pdrie" style="display:none;">
Oudste kind (€12,0 per dag)<br>
	Aantal dagen: <input type="text" name="een" maxlength="2" size="1" ID="een3"><br><br>
    
Tweede kind (€11,5 per dag)<br>
	Aantal dagen: <input type="text" name="twee" maxlength="2" size="1" ID="twee3"><br><br>
    
Jongste kind (€11,0 per dag)<br>
Aantal dagen: <input type="text" name="drie" maxlength="2" size="1" ID="drie3"><br>
</p>

<p id="ptwee" style="display:none;">
Oudste kind (€12,0 per dag)<br>
	Aantal dagen: <input type="text" name="een" maxlength="2" size="1" ID="een2"><br><br>
    
Jongste kind (€11,5 per dag)<br>
	Aantal dagen: <input type="text" name="twee" maxlength="2" size="1" ID="twee2"><br>
</p>

<p id="peen" style="display:none;">
Enige kind (€12,0 per dag)<br>
	Aantal dagen: <input type="text" name="een" maxlength="2" size="1" ID="een1"><br>
</p>

<p id="zin">Vul het aantal kinderen in en klik op 'Bevestig'.</p>

<button id="k5" type="button" onclick="bereken5()" style="display:none;">Bereken nu</button>
<button id="k4" type="button" onclick="bereken4()" style="display:none;">Bereken nu</button>
<button id="k3" type="button" onclick="bereken3()" style="display:none;">Bereken nu</button>
<button id="k2" type="button" onclick="bereken2()" style="display:none;">Bereken nu</button>
<button id="k1" type="button" onclick="bereken1()" style="display:none;">Bereken nu</button>


<p id="zin2" style="display:none;">Vul het aantal dagen in en druk op "Bereken nu"</p>
<p id="zin3" style="display:none;">Sorry, onze computers zijn niet krachtig genoeg om zulke moeilijke berekeningen te doen.</p>
<p id="zin4" style="display:none;">Gelieve een kleiner aantal te selecteren.</p>