function toggleDiv(d){
	var div = document.getElementById("divdriver" + d);
	var toggle = document.getElementById("toggledriver" + d);
	var removelink = document.getElementById("adriver" +(d-1));
	if( div.style.display == "none"){
		div.style.display = "block";
		toggle.style.display = "none";
		removelink.style.display = "none";
	}
	else{
		div.style.display = "none";	
		toggle.style.display = "block";
	}
}

function removeDriver(d){
	toggleDiv(d);
	var removelink = document.getElementById("adriver" +(d-1));
	if(removelink != null)
		removelink.style.display = "block";
	var e = document.getElementById("divdriver" +d);
	var es = e.getElementsByTagName("INPUT");
	for(i = 0; i < es.length; i++){
		es[i].value = "";
	} 
}

function toggleVehicleDiv(d){
	var div = document.getElementById("divvehicle" + d);
	var toggle = document.getElementById("togglevehicle" + d);
	var removelink = document.getElementById("avehicle" +(d-1));
	if( div.style.display == "none"){
		div.style.display = "block";
		toggle.style.display = "none";
		removelink.style.display = "none";
	}
	else{
		div.style.display = "none";	
		toggle.style.display = "block";
	}
}
function removeVehicle(d){
	toggleVehicleDiv(d);
	var removelink = document.getElementById("avehicle" +(d-1));
	if(removelink != null)
		removelink.style.display = "block";
	var e = document.getElementById("divvehicle" +d);
	var es = e.getElementsByTagName("INPUT");
	for(i = 0; i < es.length; i++){
		es[i].value = "";
	} 
}

function setupQ(){
	setupDrivers();
	setupVehicles();
	//setupVehicles();
}
function setupDrivers(){
	//alert(birthdatedrv);
	var e = document.getElementById("namedrv2"); 
	if(e.textLength == 0)
		toggleDiv(2);
	e = document.getElementById("namedrv3");		
	if(e.textLength == 0)
		toggleDiv(3);
	e = document.getElementById("namedrv4");		
	if(e.textLength == 0)
		toggleDiv(4);	
}
function setupVehicles(){
	var e = document.getElementById("year2"); 
	if(e.textLength == 0)
		toggleVehicleDiv(2);
	e = document.getElementById("year3"); 
	if(e.textLength == 0)
		toggleVehicleDiv(3);
	e = document.getElementById("year4"); 
	if(e.textLength == 0)
		toggleVehicleDiv(4);
}

function showDriver(d){
	var placeholderDiv = document.getElementById("driverplaceholder");
	var parentDiv = placeholderDiv.parentNode;
	var newTR = document.createElement("TR");
	newTR.setAttribute("id", "newTR");
	td = document.createElement("TD");
	td.setAttribute("colspan","2");
	newTR.appendChild(td);
	div = document.createElement("DIV");
	div.setAttribute("id","divdriver" + d);
	td.appendChild(div);
	table = document.createElement("TABLE");
	table.setAttribute("cellpadding","0");table.setAttribute("cellspacing","0");table.setAttribute("width","100%");
	div.appendChild(table);
	tbody = document.createElement("TBODY");
	table.appendChild(tbody);
	tr = document.createElement("TR");tbody.appendChild(tr);
	td = document.createElement("TD");td.setAttribute("colspan","2");tr.appendChild(td);
	hr = document.createElement("HR");hr.setAttribute("width","50");td.appendChild(hr);		
	textnode = document.createTextNode(" Driver #" + (d +1) + " - " + birthdatedrv.length);td.appendChild(textnode);
	tr = document.createElement("TR");tbody.appendChild(tr);
	td = document.createElement("TD");td.setAttribute("align","right");tr.appendChild(td);
	textnode = document.createTextNode("* Date of Birth: ");td.appendChild(textnode);
	td = document.createElement("TD");td.setAttribute("style","width :308px");	tr.appendChild(td);
	input = document.createElement("INPUT");input.setAttribute("type","text");input.setAttribute("value", birthdatedrv[d]); input.setAttribute("id","birthdatedrv" + d);
	input.setAttribute("maxlength","20");
	input.setAttribute("size","20");td.appendChild(input);
	a = document.createElement("A");a.setAttribute("href","javascript:NewCal('birthdatedrv" + d + "','ddmmmyyyy',false,24)");td.appendChild(a);
	img = document.createElement("IMG");img.setAttribute("src","../../images/cal.gif");img.setAttribute("width","16");img.setAttribute("height","16");
	img.setAttribute("border","0");img.setAttribute("alt","Pick a date");a.appendChild(img);
	
	html =	'<td colspan="2"><div id="divdriver' + d + '"><table cellpadding="0" cellspacing="0" width="100%">' +
			'<tbody><tr><td colspan="2"><hr width="50">&nbsp;Driver #' + (d +1) + ' - ' + birthdatedrv.length + '</td></tr>' +
			'<tr><td align="right">* Date of Birth: </td>' +
			'<td style="width: 308px">' +
			'<input type="Text" value="' + birthdatedrv[d] + '" id="birthdatedrv' + d + '" name="birthdatedrv" maxlength="20" size="20">&nbsp;<a href="javascript:NewCal(\'birthdatedrv' + d + '\',\'ddmmmyyyy\',false,24)"><img src="../../images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>' +
    		'pick a date</td></tr>';
	html+= 	'<td align="right">* Drivers License #: </td>' +
			'<td style="width: 308px"><input type="text" name="licensenumberdrv2" size="18" value="<% =txtLicenseDrv2 %>" />' +
			'</td>';
	html+= '</tr></tbody></table></div></td>';
	//parentDiv.insertBefore(newTR, placeholderDiv);
	//alert(html);
//	newTR.innerHTML = html;
	parentDiv.removeChild(placeholderDiv);
}

function showVehicle(v){

}
/*
		<tr><td colspan="2">
			<div id="divdriver2">
		<table cellpadding="0" cellspacing="0" width="100%"><tr><td colspan="2"><hr width="50">&nbsp;Driver #2</td></tr>
		<tr>
			<td align="right">* Date of Birth: </td>
			<td style="width: 308px"><input type="Text" value="<% =txtBirthdateDrv2 %>" id="birthdatedrv2" name="birthdatedrv2" maxlength="20" size="20">&nbsp;<a href="javascript:NewCal('birthdatedrv2','ddmmmyyyy',false,24)"><img src="../../images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>
pick a date<% If aryError(9) <> "" Then %><img alt="<% =Left(aryError(9),Len(aryError(9))-4) %>" src="../../images/ico_error.gif" width="16" height="16"><% End If %></td>
		</tr>
		<tr>
			<td align="right">* Drivers License #: </td>
			<td style="width: 308px"><input type="text" name="licensenumberdrv2" size="18" value="<% =txtLicenseDrv2 %>" />
			<% If aryError(1) <> "" Then %><img alt="<% =Left(aryError(1),Len(aryError(1))-4) %>" src="../../images/ico_error.gif" width="16" height="16"><% End If %></td>
		</tr>
		<tr>
			<td align="right">* Gender: </td>
			<td style="width: 308px"><INPUT type=radio value=male <% if radioGender2 = "male" then %>checked <% end if%>name=gender2>Male</INPUT><INPUT type=radio value=female <% if radioGender2 = "female" then %>checked <% end if%> name=gender2>Female</INPUT>
			<% If aryError(10) <> "" Then %><img alt="<% =Left(aryError(10),Len(aryError(10))-4) %>" src="../../images/ico_error.gif" width="16" height="16"><% End If %></td>
		</tr>
		<tr>
			<td align="right">* Marital Status: </td>
			<td style="width: 308px">
			<% =MarriedDropDown("maritalstatus2","1",txtMaritalStatus2) %>&nbsp;
			<% If aryError(8) <> "" Then %><img alt="<% =Left(aryError(8),Len(aryError(8))-4) %>" src="../../images/ico_error.gif" width="16" height="16"><% End If %> </td>
		</tr>
		<tr>
			<td align="right">* Student?: </td>
			<td style="width: 308px"><INPUT type=radio value=no <% if radioStudent2 = "no" then %>checked <% end if%>name=student2>No</INPUT><INPUT type=radio value=yes <% if radioStudent2 = "yes" then %>checked <% end if%>name=student2>Yes</INPUT>&nbsp;&nbsp;&nbsp;&nbsp;Honor Roll?:<INPUT type=radio value=no <% if radioStudentHonor2 = "no" then %>checked <% end if%>name=studenthonor2>No</INPUT><INPUT type=radio value=yes <% if radioStudentHonor2 = "yes" then %>checked <% end if%>name=studenthonor2>Yes</INPUT>
			<% If aryError(14) <> "" Then %><img alt="<% =Left(aryError(14),Len(aryError(14))-4) %>" src="../../images/ico_error.gif" width="16" height="16"><% End If %></td>
		</tr>
		<tr>
			<td align="right">* Driver Training?: </td>
			<td style="width: 308px"><INPUT type=radio value=no <% if radioTraining2 = "no" then %>checked <% end if%>name=training2>No</INPUT><INPUT type=radio value=yes <% if radioTraining2 = "yes" then %>checked <% end if%>name=training2>Yes</INPUT>&nbsp;&nbsp;&nbsp;&nbsp;55 Alive Credit?:<INPUT type=radio value=no <% if radioAliveCredit2 = "no" then %>checked <% end if%>name=alivecredit2>No</INPUT><INPUT type=radio value=yes <% if radioAliveCredit2 = "yes" then %>checked <% end if%>name=alivecredit2>Yes</INPUT>
			<% If aryError(14) <> "" Then %><img alt="<% =Left(aryError(14),Len(aryError(14))-4) %>" src="../../images/ico_error.gif" width="16" height="16"><% End If %></td>
		</tr>		
		<tr>
			<td align="right">Violations within the last 5 years?:&nbsp;<br><br>
			<INPUT name="violations2" type="checkbox" value="Yes" <% If checkViolations2= "Yes" then%>checked <% end if%>>Yes</input><br><br> Please explain:</td>
			<td style="width: 308px"><textarea cols="25" rows="6" name="violationstext2"><% =stripHTML(txtViolations2Text) %></textarea>
			<% If aryError(17) <> "" Then %><img alt="<% =Left(aryError(17),Len(aryError(17))-4) %>" src="../../images/ico_error.gif" width="16" height="16"><% End If %></td>
		</tr></table>		
		</div>
		</td></tr>
*/
/*
person = new Object();

person[0] = new Person("John","Smith","555 1234");
person[1] = new Person("Bill","Robinson","555 6789");
person[2] = new Person("Jane","Doe","555 6753");

document.writeln("<ol>")
for (personNumber in person) {
document.writeln("<li>" + person[personNumber].lastName + ", " + person[personNumber].firstName + ": " + person[personNumber].phoneNumber + "</li>");
}
document.writeln("</ol>");
*/