function displayLoanResult(){
		calculate_loan_local();
		var price = document.getElementById('loanselling').value;
		var pay = document.getElementById('loanpayment').value;
		document.getElementById("payRes").style.display = 'block';
		document.getElementById("estPay").innerHTML = 'Estimated monthly payment&nbsp;&nbsp;$'+Math.round(pay)+'.00';
		paymentChart(price, Math.round(pay));
		return false;
}
function displaycalculateEst(){
		var estMonth = document.getElementById('estMonth').value;
		var estDown = document.getElementById('estDown').value;
		var estInterest = document.getElementById('estInterest').value;
		var estMonthly = document.getElementById('estMonthly').value;
		var affordLoan = calculateAffordibility(estMonthly, estDown, estMonth, estInterest);
		document.getElementById("payEst").style.display = 'block';
		document.getElementById("estimate").innerHTML = 'Estimated Vehicle Amount&nbsp;$' + Math.round(affordLoan) + '.00';
		affordibilityChart(Math.round(affordLoan));
		return false;
}
$(document).ready(function(){
	$("input[name='FirstName'],input[name='LastName'],input[name='Make'],input[name='sender_name']").alphaspace();
	$("input[name='Zip']").numeric();
//	$("input[name='Model']").alphaspace().numeric();
	
//	Model alphanumeric
	$("input[name='OffPhone'], input[name='ResPhone'],input[name='OffPhone1'], input[name='ResPhone1'],input[name='Fax']").mask("(999) 999-9999");
//	 $("#SSN").mask("999-99-9999");

		
	$('form input:text').blur(function(){
		 $(this).val(jQuery.trim($(this).val())); 
	});
	
	
		var inventoryValidator = $("form#inventory").validate({
		errorContainer: "#error_wrap",
		errorLabelContainer: "#error_wrap ul",
		wrapper: "li",
		onkeyup: false,
		onblur: false,
		
		highlight: function(element, errorClass) {
			//$(element).addClass(errorClass);
			$(element.form).find("label[for=" + element.id + "]").addClass(errorClass);
		},
		unhighlight: function(element, errorClass) {
			//$(element).removeClass(errorClass);
			$(element.form).find("label[for=" + element.id + "]").removeClass(errorClass);
		},
		rules: {
			FirstName: {required: true},
			LastName: {required: true},
			Email: {required: true,email: true},
			ResPhone:{required:true,phone: true}
			
		},
		//set error messages  for listed field
		messages: {
		    // All type of error will only show Field name, rest error messages are inside div #error_wrap
			FirstName: "First Name",
			LastName: "Last Name",
			Email: "Email",
			ResPhone:"Phone"
		}
	});//End of inventoryValidator
	
		var inventoryPaymentEstimatorValidator = $("form#loan").validate({
		errorContainer: "#error_wrap1",
		errorLabelContainer: "#error_wrap1 ul",
		wrapper: "li",
		onkeyup: false,
		onblur: false,
		
		highlight: function(element, errorClass) {
			//$(element).addClass(errorClass);
			$(element.form).find("label[for=" + element.id + "]").addClass(errorClass);
		},
		unhighlight: function(element, errorClass) {
			//$(element).removeClass(errorClass);
			$(element.form).find("label[for=" + element.id + "]").removeClass(errorClass);
		},
		//submitHandler: loanCalculate,
		rules: {
			loanselling: {required: true},
		//	downpay:{range:[0,document.getElementById('loanselling').value-1]},
			downpay:{c_validdownpayment:true},
			loaninterest: {required: true}
			
		},
		//set error messages  for listed field
		messages: {
		    // All type of error will only show Field name, rest error messages are inside div #error_wrap
			loanselling: "Vehicle Price",
			/*downpay:"Down Payment Amount",*/
			loaninterest: "Finance Rate"
		},
		submitHandler: displayLoanResult
	});//End of inventoryPaymentEstimatorValidator
	
		var inventoryAffordabilityCalculatorValidator = $("form#estiCal").validate({
		errorContainer: "#error_wrap2",
		errorLabelContainer: "#error_wrap2 ul",
		wrapper: "li",
		onkeyup: false,
		onblur: false,
		
		highlight: function(element, errorClass) {
			//$(element).addClass(errorClass);
			$(element.form).find("label[for=" + element.id + "]").addClass(errorClass);
		},
		unhighlight: function(element, errorClass) {
			//$(element).removeClass(errorClass);
			$(element.form).find("label[for=" + element.id + "]").removeClass(errorClass);
		},
		//submitHandler: loanCalculate,
		rules: {
			estMonthly: {required: true},
			estDown: {required: true},
			estInterest:{required: true}
			
		},
		//set error messages  for listed field
		messages: {
		    // All type of error will only show Field name, rest error messages are inside div #error_wrap
			estMonthly: "Desired Monthly Payment",
			estDown: "Down Payment Amount",
			estInterest:"Finance Rate"
		},
		submitHandler: displaycalculateEst
	});//End of inventoryAffordabilityCalculatorValidator
	
	var inventoryEmailFriendValidator = $("form#emailarticle").validate({
		errorContainer: "#error_wrap",
		errorLabelContainer: "#error_wrap ul",
		wrapper: "li",
		onkeyup: false,
		onblur: false,
		
		highlight: function(element, errorClass) {
			//$(element).addClass(errorClass);
			$(element.form).find("label[for=" + element.id + "]").addClass(errorClass);
		},
		unhighlight: function(element, errorClass) {
			//$(element).removeClass(errorClass);
			$(element.form).find("label[for=" + element.id + "]").removeClass(errorClass);
		},

		rules: {
			to: {required: true, email:true},
			Cc:{email:true},
			sender_name:{required:true},
			sender:{required: true, email:true}
			
		},
		//set error messages  for listed field
		messages: {
		    // All type of error will only show Field name, rest error messages are inside div #error_wrap
			to: "To",
			Cc: "Cc",
			sender_name: "Your Name",
			sender: "Your Email"
		}
	});//End of inventoryValidator
	
	
	var inventoryMoreInfoValidator = $("form#moreInfoForm").validate({
		errorContainer: "#error_wrap",
		errorLabelContainer: "#error_wrap ul",
		wrapper: "li",
		onkeyup: false,
		onblur: false,
		
		highlight: function(element, errorClass) {
			//$(element).addClass(errorClass);
			$(element.form).find("label[for=" + element.id + "]").addClass(errorClass);
		},
		unhighlight: function(element, errorClass) {
			//$(element).removeClass(errorClass);
			$(element.form).find("label[for=" + element.id + "]").removeClass(errorClass);
		},

		rules: {
			FirstName: {required: true},
			LastName: {required: true},
			Email: {required: true,email: true},
			OffPhone:{required:true,phone: true}/*,
			ResPhone:{phone: true}*/
			
		},
		//set error messages  for listed field
		messages: {
		    // All type of error will only show Field name, rest error messages are inside div #error_wrap
			FirstName: "First Name",
			LastName: "Last Name",
			Email: "Email",
			OffPhone:"Day Phone",
			ResPhone:"Evening Phone"
		}
	});//End of inventoryMoreInfoValidator
	
});



