var currentDriverCount = 0;
var currentVehicleCount = 0;
var currentDriverDiv = null;
var errorArea = null;
var vehicleErrorArea = null;
var currentVehicleDiv = null;

function initialize(AddInitialDriver,AddInitialVehicle) {
	errorArea = document.getElementById("drivers_error");
	currentDriverDiv = document.getElementById("driver_1");
	currentDriverDiv.style.visibility="visible";
	currentDriverDiv = document.getElementById("driver_2");
	currentDriverDiv.style.visibility="hidden";
	currentDriverDiv = document.getElementById("driver_3");
	currentDriverDiv.style.visibility="hidden";
	currentDriverDiv = document.getElementById("driver_4");
	currentDriverDiv.style.visibility="hidden";
	currentDriverDiv = document.getElementById("driver_5");
	currentDriverDiv.style.visibility="hidden";
	
	vehicleErrorArea = document.getElementById("vehicles_error");
	currentVehicleDiv = document.getElementById("vehicle_1");
	currentVehicleDiv.style.visibility="visible";
	currentVehicleDiv = document.getElementById("vehicle_2");
	currentVehicleDiv.style.visibility="hidden";
	currentVehicleDiv = document.getElementById("vehicle_3");
	currentVehicleDiv.style.visibility="hidden";
	currentVehicleDiv = document.getElementById("vehicle_4");
	currentVehicleDiv.style.visibility="hidden";
	currentVehicleDiv = document.getElementById("vehicle_5");
	currentVehicleDiv.style.visibility="hidden";
	
	if( AddInitialDriver ) {
		addDriver();
	}
	if( AddInitialVehicle ) {
		addVehicle();
	}
	document.getElementById("removedriver").style.visibility="hidden";
	document.getElementById("removevehicle").style.visibility="hidden";
	return false;
}

function removeLastDriver() {
	if( currentDriverCount > 1 )
	{
		var div_id = "driver_" + currentDriverCount;
		currentDriverDiv = document.getElementById(div_id);
		currentDriverDiv.innerText = "none";		
		currentDriverDiv.style.visibility="hidden";	
		currentDriverCount -= 1;
	}
	if( currentDriverCount <= 1 ) { document.getElementById("removedriver").style.visibility="hidden"; }
	errorArea.style.visibility="hidden";
	return false;
}

function addDriver() {

	currentDriverCount ++;
	var div_id = "driver_" + currentDriverCount;
	currentDriverDiv = document.getElementById(div_id);
	
	if( currentDriverDiv != null )
	{
		var driverHTML = "<b>Driver #" + currentDriverCount + " Info:</b><hr><table><tr align=left><td><table><tr>";
		driverHTML += "<td style='font-family: sans-serif; font-size: x-small;'>First Name *</td><td style='font-family: sans-serif; font-size: x-small;'><input type='text' name='driver" + currentDriverCount + "_firstname' value='' size='25'></td>";
		driverHTML += "<td style='font-family: sans-serif; font-size: x-small;'>Last Name *</td><td style='font-family: sans-serif; font-size: x-small;'><input type='text' name='driver" + currentDriverCount + "_lastname' value='' size='25'></td>";
		driverHTML += "<td style='font-family: sans-serif; font-size: x-small;'>Sex *</td><td style='font-family: sans-serif; font-size: x-small;'>Male:<input type='radio' name='driver" + currentDriverCount + "_sex' value='male'> <br>Female:<input type='radio' name='driver" + currentDriverCount + "_sex' value='female'</td>";
		driverHTML += "<td style='font-family: sans-serif; font-size: x-small;'>Single/Married *</td><td style='font-family: sans-serif; font-size: x-small;'>Single:<input type='radio' name='driver" + currentDriverCount + "_status' value='single'> <br>Married:<input type='radio' name='driver" + currentDriverCount + "_status' value='married'</td>";
		driverHTML += "</tr></table></td></tr><tr align='left'><td><table><tr>";
		driverHTML += "<td style='font-family: sans-serif; font-size: x-small;'>Date of Birth *</td><td style='font-family: sans-serif; font-size: x-small;'><input type='text' name='driver" + currentDriverCount + "_dob_month' value='' size='2' maxlength='2'>/</td>";
		driverHTML += "<td style='font-family: sans-serif; font-size: x-small;'><input type='text' name='driver" + currentDriverCount + "_dob_day' value='' size='2' maxlength='2'>/</td>";
		driverHTML += "<td style='font-family: sans-serif; font-size: x-small;'><input type='text' name='driver" + currentDriverCount + "_dob_year' value='' size='4' maxlength='4'></td>";
		driverHTML += "<td style='font-family: sans-serif; font-size: x-small;'>Date First Licensed *</td><td style='font-family: sans-serif; font-size: x-small;'><input type='text' name='driver" + currentDriverCount + "_dfl_month' value='' size='2' maxlength='2'>/</td>";
		driverHTML += "<td style='font-family: sans-serif; font-size: x-small;'><input type='text' name='driver" + currentDriverCount + "_dfl_day' value='' size='2' maxlength='2'>/</td>";
		driverHTML += "<td style='font-family: sans-serif; font-size: x-small;'><input type='text' name='driver" + currentDriverCount + "_dfl_year' value='' size='4' maxlength='4'></td>";		
		driverHTML += "</tr></table></td></tr></table>";
		driverHTML += "<table><tr><td style='font-family: sans-serif; font-size: x-small;'>Please list any violations with respective dates that have occurred in the last 10 years</td></tr>";
		driverHTML += "<tr><td style='font-family: sans-serif; font-size: x-small;'><TEXTAREA name='driver" + currentDriverCount + "_violations' value='' rows=6 cols=80></TEXTAREA></td></tr></table>";
		driverHTML += "<hr></td><td>";
		replaceHTML(currentDriverDiv,driverHTML);
		
	}
	else
	{
		varError = "<p>You have reached the maximum number of drivers for our Preferred Quote.<br> If you would like to obtain a quote with additional drivers,<br>please call Preferred Insurance Services at 1-951-689-4830</p>";
		errorArea.innerHTML = varError;
		currentDriverCount -= 1;
		return false;
		
	}
	currentDriverDiv.style.visibility="visible";
	if( currentDriverCount > 1 ) { document.getElementById("removedriver").style.visibility="visible"; }
	return false;
}

function addVehicle() {

	currentVehicleCount ++;
	var div_id = "vehicle_" + currentVehicleCount;
	currentVehicleDiv = document.getElementById(div_id);
	
	if( currentVehicleDiv != null )
	{
		var vehicleHTML = "<b>Vehicle #" + currentVehicleCount + " Info:</b><hr><table><tr align=left>";
		vehicleHTML += "<td style='font-family: sans-serif; font-size: x-small;'>Year: <input type='text' name='vehicle" + currentVehicleCount + "_year' value='' size='4' maxlength='4'></td>";
		vehicleHTML += "<td style='font-family: sans-serif; font-size: x-small;'>Make: <input type='text' name='vehicle" + currentVehicleCount + "_make' value='' size='20'></td>";
		vehicleHTML += "<td style='font-family: sans-serif; font-size: x-small;'>Model: <input type='text' name='vehicle" + currentVehicleCount + "_model' value='' size='20'></td>";
		vehicleHTML += "<td style='font-family: sans-serif; font-size: x-small;'>Miles Driven Annually: <input type='text' name='vehicle" + currentVehicleCount + "_miles' value='' size='10'></td>";
		vehicleHTML += "<td style='font-family: sans-serif; font-size: x-small;'>VIN#: <input type='text' name='vehicle" + currentVehicleCount + "_vin' value='' size='20' maxlength='18'></td>";
		vehicleHTML += "</tr></table></td></tr><tr align='left'><td><table><tr>";
		vehicleHTML += "<td style='font-family: sans-serif; font-size: x-small;'>Coverage Type: <br>Full Coverage<input type='radio' name='vehicle" + currentVehicleCount + "_coverage' value='Full Coverage'>Liability<input type='radio' name='vehicle" + currentVehicleCount + "_coverage' value='Liability'></td>";
		vehicleHTML += "</tr></table></td></tr><tr align='left'><td><table><tr>";
		vehicleHTML += "<td style='font-family: sans-serif; font-size: x-small;'>Uninsured Motorist<input type='checkbox' name='vehicle" + currentVehicleCount + "_uninsured' value='Uninsured Motorist'></td>";
		vehicleHTML += "</tr></table>";
		replaceHTML(currentVehicleDiv,vehicleHTML);
	}
	else
	{
		varError = "<p>You have reached the maximum number of vehicles for our Preferred Quote.<br> If you would like to obtain a quote with additional vehicles,<br>please call Preferred Insurance Services at 1-951-689-4830</p>";
		vehicleErrorArea.innerHTML = varError;
		currentVehicleCount -= 1;
		return false;

	}
	currentVehicleDiv.style.visibility="visible";
	if( currentVehicleCount > 1 ) { document.getElementById("removevehicle").style.visibility="visible"; }
	
	return false;
	
}

function removeLastVehicle() {
	if( currentVehicleCount > 1 )
	{
		var div_id = "vehicle_" + currentVehicleCount;
		currentVehicleDiv = document.getElementById(div_id);
		currentVehicleDiv.innerText = "none";		
		currentVehicleDiv.style.visibility="hidden";	
		currentVehicleCount -= 1;
	}
	if( currentVehicleCount <= 1 ) { document.getElementById("removevehicle").style.visibility="hidden"; }
	vehicleErrorArea.style.visibility="hidden";
	return false;
}

function populateDriver() {
	var firstName = document.quoteform.firstname.value;
	var lastName = document.quoteform.lastname.value;
	if( firstName == "" || lastName == "" ) { return false; }
	document.quoteform.driver1_firstname.value = firstName;
	document.quoteform.driver1_lastname.value = lastName;
	return false;
}

function replaceHTML(el, html) {
        var oldEl = (typeof el === "string" ? document.getElementById(el) : el);
        var newEl = document.createElement(oldEl.nodeName);
        // Preserve the element's id and class (other properties are lost)
        newEl.id = oldEl.id;
        newEl.className = oldEl.className;
        // Replace the old with the new
        newEl.innerHTML = html;
        oldEl.parentNode.replaceChild(newEl, oldEl);
        /* Since we just removed the old element from the DOM, return a reference
        to the new element, which can be used to restore variable references. */
        return newEl;
};


function acknowledgeReceipt() {
	alert("Thank you, your request has been sent.You should expect a response within 24 hours.You are now being redirected to our homepage.");
}