window.onload = function() { 
	document.getElementById("stap_1_table").style.display 	= 'block';
	document.getElementById("stap_2_table").style.display 	= 'none';
	document.getElementById("stap_3_table").style.display 	= 'none';
	document.getElementById("stap_4_table").style.display 	= 'none';
}

function stap_1(){
	// Toon de juiste tabellen
	document.getElementById("stap_1_table").style.display 	= 'block';
	document.getElementById("stap_2_table").style.display 	= 'none';
	document.getElementById("stap_3_table").style.display 	= 'none';
	document.getElementById("stap_4_table").style.display 	= 'none';
}

function stap_2(){
	
	var stap_2 = 0;
	
	// module_101_02_merk
	if(document.getElementById("module_101_02_merk").value == ""){
		document.getElementById('module_101_02_merk').className = 'fout';
		stap_2 = stap_2 + 1;
	} else {
		document.getElementById('module_101_02_merk').className = 'goed';
	}
	// module_101_02_model
	if(document.getElementById("module_101_02_model").value == ""){
		document.getElementById('module_101_02_model').className = 'fout';
		stap_2 = stap_2 + 1;
	} else {
		document.getElementById('module_101_02_model').className = 'goed';
	}
	// module_101_02_uitvoering
	if(document.getElementById("module_101_02_uitvoering").value == ""){
		document.getElementById('module_101_02_uitvoering').className = 'fout';
		stap_2 = stap_2 + 1;
	} else {
		document.getElementById('module_101_02_uitvoering').className = 'goed';
	}
	// module_101_02_motorinhoud
	if(document.getElementById("module_101_02_motorinhoud").value == ""){
		document.getElementById('module_101_02_motorinhoud').className = 'fout';
		stap_2 = stap_2 + 1;
	} else {
		document.getElementById('module_101_02_motorinhoud').className = 'goed';
	}
	// module_101_02_kenteken
	if(document.getElementById("module_101_02_kenteken").value == ""){
		document.getElementById('module_101_02_kenteken').className = 'fout';
		stap_2 = stap_2 + 1;
	} else {
		document.getElementById('module_101_02_kenteken').className = 'goed';
	}
	// module_101_02_km_stand
	if(document.getElementById("module_101_02_km_stand").value == ""){
		document.getElementById('module_101_02_km_stand').className = 'fout';
		stap_2 = stap_2 + 1;
	} else {
		document.getElementById('module_101_02_km_stand').className = 'goed';
	}
	// module_101_02_bouwjaar
	if(document.getElementById("module_101_02_bouwjaar").value == ""){
		document.getElementById('module_101_02_bouwjaar').className = 'fout';
		stap_2 = stap_2 + 1;
	} else {
		document.getElementById('module_101_02_bouwjaar').className = 'goed';
	}
	// module_101_02_kleur
	if(document.getElementById("module_101_02_kleur").value == ""){
		document.getElementById('module_101_02_kleur').className = 'fout';
		stap_2 = stap_2 + 1;
	} else {
		document.getElementById('module_101_02_kleur').className = 'goed';
	}
	

	if(stap_2 == 0){
		document.getElementById("stap_1_table").style.display 	= 'none';
		document.getElementById("stap_2_table").style.display 	= 'block';
		document.getElementById("stap_3_table").style.display 	= 'none';
		document.getElementById("stap_4_table").style.display 	= 'none';
	}
}

function stap_3(){
	
	var stap_3 = 0;
	
	// module_101_02_voorletters
	if(document.getElementById("module_101_02_voorletters").value == ""){
		document.getElementById('module_101_02_voorletters').className = 'fout';
		stap_3 = stap_3 + 1;
	} else {
		document.getElementById('module_101_02_voorletters').className = 'goed';
	}
	// module_101_02_achternaam
	if(document.getElementById("module_101_02_achternaam").value == ""){
		document.getElementById('module_101_02_achternaam').className = 'fout';
		stap_3 = stap_3 + 1;
	} else {
		document.getElementById('module_101_02_achternaam').className = 'goed';
	}
	// module_101_02_straat
	if(document.getElementById("module_101_02_straat").value == ""){
		document.getElementById('module_101_02_straat').className = 'fout';
		stap_3 = stap_3 + 1;
	} else {
		document.getElementById('module_101_02_straat').className = 'goed';
	}
	// module_101_02_huisnr
	if(document.getElementById("module_101_02_huisnr").value == ""){
		document.getElementById('module_101_02_huisnr').className = 'fout';
		stap_3 = stap_3 + 1;
	} else {
		document.getElementById('module_101_02_huisnr').className = 'goed';
	}
	// module_101_02_postcode
	if(document.getElementById("module_101_02_postcode").value == ""){
		document.getElementById('module_101_02_postcode').className = 'fout';
		stap_3 = stap_3 + 1;
	} else {
		document.getElementById('module_101_02_postcode').className = 'goed';
	}
	// module_101_02_woonplaats
	if(document.getElementById("module_101_02_woonplaats").value == ""){
		document.getElementById('module_101_02_woonplaats').className = 'fout';
		stap_3 = stap_3 + 1;
	} else {
		document.getElementById('module_101_02_woonplaats').className = 'goed';
	}
	// module_101_02_tel
	if(document.getElementById("module_101_02_tel").value == ""){
		document.getElementById('module_101_02_tel').className = 'fout';
		stap_3 = stap_3 + 1;
	} else {
		document.getElementById('module_101_02_tel').className = 'goed';
	}
	
	
	
	if(stap_3 == 0){
	//
	document.getElementById("persoon_stap_3_rij_1").innerHTML =
	document.getElementById("module_101_02_voorletters").value + " / " +
	document.getElementById("module_101_02_tussenvoegsel").value + " / " +
	document.getElementById("module_101_02_achternaam").value;
	//
	document.getElementById("persoon_stap_3_rij_2").innerHTML =
	document.getElementById("module_101_02_straat").value + " / " +
	document.getElementById("module_101_02_huisnr").value + " / " +
	document.getElementById("module_101_02_toev").value;
	//
	document.getElementById("persoon_stap_3_rij_3").innerHTML =
	document.getElementById("module_101_02_postcode").value + " / " +
	document.getElementById("module_101_02_woonplaats").value;
	//
	document.getElementById("persoon_stap_3_rij_4").innerHTML =
	document.getElementById("module_101_02_tel").value;
	//
	document.getElementById("persoon_stap_3_rij_5").innerHTML =
	document.getElementById("module_101_02_mob").value;
	//
	document.getElementById("persoon_stap_3_rij_6").innerHTML =
	document.getElementById("module_101_02_email").value;
	//
	document.getElementById("auto_stap_3_rij_1").innerHTML =
	document.getElementById("module_101_02_merk").value + " / " +
	document.getElementById("module_101_02_model").value;
	//
	document.getElementById("auto_stap_3_rij_2").innerHTML =
	document.getElementById("module_101_02_uitvoering").value + " / " +
	document.getElementById("module_101_02_motorinhoud").value;
	//
	document.getElementById("auto_stap_3_rij_3").innerHTML =
	document.getElementById("module_101_02_kenteken").value + " / " +
	document.getElementById("module_101_02_km_stand").value;
	//
	document.getElementById("auto_stap_3_rij_4").innerHTML =
	document.getElementById("module_101_02_bouwjaar").value + " / " +
	document.getElementById("module_101_01_03_id").value;
	//
	document.getElementById("auto_stap_3_rij_5").innerHTML =
	document.getElementById("module_101_02_kleur").value;
	//
	var mes_1 = "";
	for (i=0; i<document.test.module_101_02_opties.length; i++){
		if (document.test.module_101_02_opties[i].checked==true)
		mes_1 = mes_1 + " - " + document.test.module_101_02_opties[i].value;
		// alert("Checkbox at index "+i+" is checked!")
	}
	document.getElementById("auto_stap_3_rij_6").innerHTML = mes_1;
	//
	document.getElementById("auto_stap_3_rij_7").innerHTML =
	document.getElementById("module_101_02_schades").value;
	//
	document.getElementById("auto_stap_3_rij_8").innerHTML =
	document.getElementById("module_101_02_opmerkingen").value;
	// Toon de juiste tabellen
	document.getElementById("stap_1_table").style.display 	= 'none';
	document.getElementById("stap_2_table").style.display 	= 'none';
	document.getElementById("stap_3_table").style.display 	= 'block';
	document.getElementById("stap_4_table").style.display 	= 'none';
	//
	document.getElementById("verstuur_101_01_1").innerHTML = '<input name="" type="submit" value="Verstuur" /><input name="module_101_02_opties" type="hidden" value="' + mes_1 + '" />';
	}
}

function stap_4(){
	document.getElementById("stap_1_table").style.display 	= 'none';
	document.getElementById("stap_2_table").style.display 	= 'none';
	document.getElementById("stap_3_table").style.display 	= 'none';
	document.getElementById("stap_4_table").style.display 	= 'block';
}