window.onload = initForm;

function initForm() {
	document.getElementById("num_drivers").selectedIndex = 0;
	document.getElementById("num_drivers").onchange=showNumDriversQuestions;
	
	document.getElementById("num_vehicles").selectedIndex = 0;
	document.getElementById("num_vehicles").onchange=showNumVehiclesQuestions;
	
	document.getElementById("prior_ins").selectedIndex = 0;
	document.getElementById("prior_ins").onchange=showPriorInsQuestions;
	
	// dynamically hade the below fields
	document.getElementById("driver2Group").style.display="none";
	document.getElementById("driver3Group").style.display="none";
	document.getElementById("driver4Group").style.display="none";
	document.getElementById("vehicle2Group").style.display="none";
	document.getElementById("vehicle3Group").style.display="none";
	document.getElementById("vehicle4Group").style.display="none";
	document.getElementById("prior_ins_questions").style.display="none";
}

function showNumDriversQuestions() {
	switch(this.value) { //'this' being the value of the "num_drivers" selectedIndex
		case "1":
			document.getElementById("driver2Group").style.display="none";
			document.getElementById("driver3Group").style.display="none";
			document.getElementById("driver4Group").style.display="none";
			break;
		case "2":
			document.getElementById("driver2Group").style.display="inline";
			document.getElementById("driver3Group").style.display="none";
			document.getElementById("driver4Group").style.display="none";
			break;
		case "3":
			document.getElementById("driver2Group").style.display="inline";
			document.getElementById("driver3Group").style.display="inline";
			document.getElementById("driver4Group").style.display="none";
			break;
		case "4":
			document.getElementById("driver2Group").style.display="inline";
			document.getElementById("driver3Group").style.display="inline";
			document.getElementById("driver4Group").style.display="inline";
			break;
		default:
			document.getElementById("driver2Group").style.display="none";
			document.getElementById("driver3Group").style.display="none";
			document.getElementById("driver4Group").style.display="none";
	}
}

function showNumVehiclesQuestions() {
	switch(this.value) { //'this' being the value of the "num_vehicles" selectedIndex
		case "1":
			document.getElementById("vehicle2Group").style.display="none";
			document.getElementById("vehicle3Group").style.display="none";
			document.getElementById("vehicle4Group").style.display="none";
			break;
		case "2":
			document.getElementById("vehicle2Group").style.display="inline";
			document.getElementById("vehicle3Group").style.display="none";
			document.getElementById("vehicle4Group").style.display="none";
			break;
		case "3":
			document.getElementById("vehicle2Group").style.display="inline";
			document.getElementById("vehicle3Group").style.display="inline";
			document.getElementById("vehicle4Group").style.display="none";
			break;
		case "4":
			document.getElementById("vehicle2Group").style.display="inline";
			document.getElementById("vehicle3Group").style.display="inline";
			document.getElementById("vehicle4Group").style.display="inline";
			break;
		default:
			document.getElementById("vehicle2Group").style.display="none";
			document.getElementById("vehicle3Group").style.display="none";
			document.getElementById("vehicle4Group").style.display="none";
	}
}

function showPriorInsQuestions() {
	if (document.getElementById("prior_ins").selectedIndex == 1) {
		document.getElementById("prior_ins_questions").style.display="inline";
	} else {
		document.getElementById("prior_ins_questions").style.display="none";
	}
}