// JavaScript Document
$(function() {

/* Get quote dialog */
$("#get_quote").dialog({
		autoOpen: false,
		modal: true,
		width: 800
	});

$(".btn_get_quote").click(function() {
	$("#get_quote").dialog("open");
	return false;
});

/* Personal info valid */
function valid_quote() {
	$(".error").remove();
	$(".error, .error_bottom").remove();
	var q = 0;
	var no_fields = 0;
	$(".step1_required").each(function() {
		no_fields++;
		if (!$(this).val()) {
			$(this).after("<span class='error'>Required field</span>");
			return
			}
		  else q++;
		if ($(this).hasClass("state") && $(this).val() != "GA") {
			$(this).after("<span class='error_bottom'>If you do not live in the state of Georgia, please contact us by phone at (770) 772-5100.</span>");
			q--;
			return
		}
		if ($(this).hasClass("only_number") && !parseInt($(this).val())) {
				$(this).after("<span class='error'>Use only digits</span>");
				q--;
				return
		}
			else if ($(this).hasClass("zip_code") && $(this).val().length < 5) {
				$(this).after("<span class='error'>Enter a valid ZIP</span>");
				q--;
				return
			}
			/*else if ($(this).hasClass("phone") && $(this).val().length < 10) {
				$(this).after("<span class='error_bottom'>Enter area code and phone number only, no dashes.</span>");
				q--;
				return
			}*/
		if ($(this).hasClass("email")) {
			var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
			if (reg.test($(this).val()) == false) {
				$(this).after("<span class='error'>Enter a valid email</span>");
				q--;
				return
			}
		}
	});
	
	if (q==no_fields) { return true; }
}

function valid_step2() {
	var no_fields = 0;
	var q = 0;
	$(".invalid_error").remove();
	$("#quote_acc").before("<span class='invalid_error'></span>");
	$(".invalid_error").append("<span class='unfilled'></span><span class='digits'></span><span class='er_date'></span>");
	$('#quote_acc .required').each(function() {
		no_fields++;
		$(this).removeClass("invalid");
		$(this).removeClass("invalid_digits");
		$(this).removeClass("invalid_date");
		if (!$(this).val()) {
			$(this).addClass("invalid");
			$(".unfilled").html("Red marked forms are required.");
			q--;
			return;
		}
			else q++;
		if ($(this).hasClass("only_number") && !parseInt($(this).val())) {
			$(this).addClass("invalid_digits");
			$(".digits").html("For blue marked forms use only digits");
			q--;
			return
		}
		if ($(this).hasClass("birthdate")) {
			var reg = /^([0-9]{1,2})+\-([0-9]{1,2})+\-([0-9]{4,4})$/;
			if (reg.test($(this).val()) == false) {
				$(this).addClass("invalid_date");
				$(".er_date").html("Please enter a valid mm-dd-yyyy date");
				q--;
				return;
			}
		}
	});
	
	if (q==no_fields) { return true; }
}

function reset_step2() {
	$(".invalid_error").hide();
}
/* Quote details */

$("#quote_acc").hide();
$(".bottom_nav").hide();
$("#quote_acc").accordion();
$(".quote_panel").css({"height":"auto"});
$(".birthdate").val("mm-dd-yyyy");

$("#personal_send").click(function() {
	if (valid_quote()) {
		$(".invalid_error").show();
		var no_quotes = 4;
		$(".quote_check").each(function() {
			if (!$(this).is(":checked")) {
				no_quotes--;
				var check_name = $(this).attr("name");
				check_name_id = "#"+check_name;
				$(check_name_id).prev().remove();
				$(check_name_id).remove();
			}
			
		});
		
		$('.quote_panel:first').show();
		
		$("#personal_details").hide();
		if (no_quotes == 0) {
			$("#quote_acc").html("<span class='invalid_error'>Please select at least one quote.</span>");
		$("#quote_acc").show();
		}
		$("#quote_acc").show();
		$(".bottom_nav").show();
	}
});

/* Add new function */

/* vehicle */
$("#veh_add").click(function() {
	
	var no_fields = parseInt($("#auto_veh_no").val()) + 1;
	
	
	   var new_content = '<table border="0" width="100%"><tr><td>Year</td><td>Make</td><td>Model</td><td>Doors</td><td>4 Wheel Drive</td></tr><tr><td><input type="text" class="small_input_text required only_number" name="auto_year_'+no_fields+'" id="auto_year_'+no_fields+'" /></td><td><input type="text" class="small_input_text required" name="auto_make_'+no_fields+'" id="auto_make_'+no_fields+'" /></td><td><input type="text" class="small_input_text required" name="auto_model_'+no_fields+'" id="auto_model_'+no_fields+'" /></td><td><select name="auto_doors_'+no_fields+'" id="auto_doors_'+no_fields+'"><option value="2 door">2 door</option><option value="4 door">4 door</option></select></td><td><select name="auto_liability_'+no_fields+'" id="auto_liability_'+no_fields+'"><option value="No">No</option><option value="Yes">Yes</option></select></td><td><a class="remove_new" onclick="$(this).parent().parent().parent().remove();");">x</a></td></tr><tr><td colspan="7"><ul class="regular_form"><li><label class="large_label">Current Liability Limit:</label><input type="text" class="medium_input_text" name="l_exp_date_'+no_fields+'" id="l_exp_date_'+no_fields+'"/></li><li><label class="large_label">Bodily Inj. Liab.:</label><select name="a_body_'+no_fields+'" id="a_body_'+no_fields+'"><option value="50/100">50k / 100k</option><option value="100/300">100k / 300k</option><option value="250/500">250k / 500k</option></select></li><li><label class="large_label">Property Damage:</label><select name="a_property"><option value="10">10,000</option><option value="25">25,000</option><option value="50">50,000</option><option value="100">100,000</option><option value="100">250,000</option></select></li><li><label class="large_label">Uninsured Motorist:</label><select name="a_unins_'+no_fields+'" id="a_unins_'+no_fields+'"><option value="25/50/25">25/50/25</option><option value="50/100/50">50/100/50</option><option value="100/300/100">100/300/100</option></select></li><li><label class="large_label">Collision:</label><select name="a_col_'+no_fields+'" id="a_col_'+no_fields+'"><option value="250">250 Deductible</option><option value="500">500 Deductible</option><option value="1000">1,000 Deductible</option></select></li><li><label class="large_label">Comprehensize:</label><select name="a_comp_'+no_fields+'" id="a_comp_'+no_fields+'"><option value="0">0 Deductible</option><option value="100">100 Deductible</option><option value="250">250 Deductible</option><option value="500">500 Deductible</option><option value="1000">1000 Deductible</option></select></li><li><label class="large_label">Rental Car:</label><select name="a_rent_'+no_fields+'" id="a_rent_'+no_fields+'"><option value="$20/day">$20/day</option><option value="$30/day">$30/day</option></select></li><li><label class="large_label">Towing:</label><select name="a_towing"><option value="$100">$50</option><option value="$100">$100</option></select></li></ul></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>';
	
	$("#new_veh_add").before(new_content);
	
	$("#auto_veh_no").val(no_fields);
	$(".quote_panel").css({"height":"auto"});
});

/* driver */
$("#driv_add").click(function() {
	
	var no_fields = parseInt($("#auto_driv_no").val()) + 1;
	
	
	var new_content = '<tr><td><input type="text" class="small_input_text required birthdate" value="mm-dd-yyyy" name="auto_dob'+no_fields+'" id="auto_dob'+no_fields+'" /></td><td><select name="auto_gender'+no_fields+'"><option value="male">Male</option><option value="female">Female</option></select></td><td><select name="auto_marital'+no_fields+'"><option value="Married">Married</option><option value="Single">Single</option><option value="Child">Child</option></select></td><td><input type="text" class="small_input_text required only_number" name="auto_year_license'+no_fields+'" id="auto_year_license'+no_fields+'" /></td><td><input type="text" class="small_input_text required" name="auto_accds'+no_fields+'" id="auto_accds'+no_fields+'" /></td><td><select name="auto_mileage'+no_fields+'" id="auto_mileage'+no_fields+'" ><option value="Yes">Yes</option><option value="No">No</option></select></td><td><a class="remove_new" onclick="$(this).parent().parent().remove();");">x</a></td></tr>';
	
	$("#new_driv_add").before(new_content);
	
	$("#auto_driv_no").val(no_fields);
	$(".quote_panel").css({"height":"auto"});
});

/* life adults */
$("#adult_add").click(function() {
	
	var no_fields = parseInt($("#life_adult_no").val()) + 1;
	
	
	var new_content = '<tr><td>Adult '+no_fields+'</td><td><select name="la_gender'+no_fields+'"><option value="male">Male</option><option value="female">Female</option></select></td><td><input type="text" class="small_input_text required birthdate" value="mm-dd-yyyy" name="la_dob'+no_fields+'" id="la_dob'+no_fields+'" /></td><td><select name="la_tobacco'+no_fields+'"><option value="No">No</option><option value="Yes">Yes</option></select></td><td><select name="la_ammnt'+no_fields+'" id="la_ammnt'+no_fields+'"><option value="2,000">2,000</option><option value="5,000">5,000</option><option value="10,000">10,000</option></select></td><td></td><td><a class="remove_new" onclick="$(this).parent().parent().remove();");">x</a></td></tr>';
	
	$("#new_adult_add").before(new_content);
	
	$("#life_adult_no").val(no_fields);
	$(".quote_panel").css({"height":"auto"});
});

/* life children */
$("#child_add").click(function() {
	
	var no_fields = parseInt($("#life_child_no").val()) + 1;
	
	
	var new_content = '<tr><td>Child '+no_fields+'</td><td><select name="lc_gender'+no_fields+'"><option value="male">Male</option><option value="female">Female</option></select></td><td><input type="text" class="small_input_text required birthdate" value="mm-dd-yyyy" name="lc_dob'+no_fields+'" id="lc_dob'+no_fields+'" /></td><td><select name="lc_tobacco'+no_fields+'"><option value="yes">Yes</option><option value="no">No</option></select></td><td></td><td></td><td><a class="remove_new" onclick="$(this).parent().parent().remove();");">x</a></td></tr>';
	
	$("#new_child_add").before(new_content);
	
	$("#life_child_no").val(no_fields);
	$(".quote_panel").css({"height":"auto"});
});

// Back btn
$("#back_submit").click(function() {
	$("#personal_details").show();
	$("#quote_acc").hide();
	$(".bottom_nav").hide();
	reset_step2();
});

// Sending vars
$("#final_submit").click(function() {
	if (valid_step2()) {
		var post_vars = $("#form_quote").serialize();
		//alert(post_vars);
		$.ajax({
		   type: "POST",
		   url: "mail.php?vars="+post_vars,
		   //url: "mail.php",
		   data: post_vars,
		   success: function(data){
			 $("#form_quote").hide();
			 $("#get_quote").html("<span class='success'>Quote sent.</span>"+post_vars)
		   }
		 });
 	}
	
});


});