function _resetHighlight()
{
	$("span.firstname").css('color', 'black');
	$("span.lastname").css('color', 'black');
	$("span.address").css('color', 'black');
	$("span.city").css('color', 'black');
	$("span.zip").css('color', 'black');
	$("span.state").css('color', 'black');
	$("span.phone").css('color', 'black');
	$("span.email").css('color', 'black');
	$("span.date").css('color', 'black');
	$("span.time").css('color', 'black');
	$("span.app-type").css('color', 'black');
	$("span.app-brand").css('color', 'black');
	$("span.app-age").css('color', 'black');
	$("span.describe").css('color', 'black');
}

function _resetForm()
{
	$("input[name$='firstname']").val('');
	$("input[name$='lastname']").val('');
	$("input[name$='address']").val('');
	$("input[name$='address']").val('');
	$("input[name$='city']").val('');
	$("input[name$='zip']").val('');
	$("select[name$='state']").val(-1);
	$("input#phone").val('');
	$("input[name$='mail']").val('');
	$("input[name$='date']").val('');
	$("select[name$='time']").val(0);
	$("select[name$='app_type']").val(0);
	$("select[name$='app_brand']").val(0);
	$("select[name$='app_age']").val(0);
	$("textarea[name$='describe']").val('');
}

$(document).ready(function(){
		$("select[name$='time']").change(function(){
			if ($("select[name$='time']").val() == 6) {
				$("input[name$='custom_time']").show();
			} else {
				$("input[name$='custom_time']").hide();
			}
		});
		$("img.submit").click(function(){
		    _resetHighlight();
			var errors = 0;
			// validation fields;
			if ($("input[name$='firstname']").val() == '') {
				$("span.firstname").css('color', 'red');
				errors+=1;
			}
			if ($("input[name$='lastname']").val() == '') {
				$("span.lastname").css('color', 'red');
				errors+=1;
			}
			if ($("input[name$='address']").val() == '') {
				$("span.address").css('color', 'red');
				errors+=1;
			}
			if ($("input[name$='city']").val() == '') {
				$("span.city").css('color', 'red');
				errors+=1;
			}
			if ($("input[name$='zip']").val() == '') {
				$("span.zip").css('color', 'red');
				errors+=1;
			}
			if ($("select[name$='state']").val() == '' || $("select[name$='state']").val() == -1) {
				$("span.state").css('color', 'red');
				errors+=1;
			}
			if ($("input#phone").val() == '') {
				$("span.phone").css('color', 'red');
				errors+=1;
			}
			/* email validation */
			var emailRegEx = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
			var mail = $("input[name$='mail']").val();
			if ( ! mail.match(emailRegEx))
			{
				$("span.email").css('color', 'red');
				errors+=1;
			}
			if ($("input[name$='date']").val() == '') {
				$("span.date").css('color', 'red');
				errors+=1;
			}
			if ($("select[name$='time']").val() == '' || $("select[name$='time']").val() == 0) {
				$("span.time").css('color', 'red');
				errors+=1;
			}
			if ($("select[name$='app_type']").val() == '' || $("select[name$='app_type']").val() == 0) {
				$("span.app-type").css('color', 'red');
				errors+=1;
			}
			if ($("select[name$='app_brand']").val() == '') {
				$("span.app-brand").css('color', 'red');
				errors+=1;
			}
			if ($("select[name$='app_age']").val() == '' || $("select[name$='app_age']").val() == 0) {
				$("span.app-age").css('color', 'red');
				errors+=1;
			}
			if ($("textarea[name$='describe']").val() == '') {
				$("span.describe").css('color', 'red');
				errors+=1;
			}	
			if (errors == 0) {
				$('img.loader').show();
				$.ajax({
					type: 'POST',
					url: 'mail.php',
					dataType: 'json',
					data: 'valid=1&fname='+$("input[name$='firstname']").val()+'&lname='+$("input[name$='lastname']").val()+'&address='+$("input[name$='address']").val()+'&city='+$("input[name$='city']").val()+'&zip='+$("input[name$='zip']").val()+'&state='+$("select[name$='state']").val()+'&phone='+$("input#phone").val()+'&email='+$("input[name$='email']").val()+'&date='+$("input[name$='date']").val()+'&time='+$("select[name$='time']").val()+'&apptype='+$("select[name$='app_type']").val()+'&appbrand='+$("select[name$='app_brand']").val()+'&appage='+$("select[name$='app_age']").val()+'&describe='+$("textarea[name$='describe']").val()+'&customtime='+$("input[name$='custom_time']").val(),
					success: function(data) {
						$('img.loader').hide();
						if (data.error == 0) {
							alert('Thank you! One of our representatives will contact you shortly');
							_resetForm();
						}
					},
				});
			}
		});
});