﻿function initPage() {
	buildInterface();
	QuoteForm.live();
}
function buildInterface() {
	this.QuoteForm  = {
		element : '#GetAQuote',
		trigger : '.submit-quote',
		valid : false,
		live : function() {
			$j(QuoteForm.trigger).click(function() {
				QuoteForm.validate();
				if(QuoteForm.valid == true) {
					QuoteForm.submit();
				}
			});
		},
		showQuote : function() {
				$j(QuoteForm.element).unblock();
				$j('h2', QuoteForm.element).text("Your quote");
				$j('.form', QuoteForm.element).animate({opacity: 'hide'},400,function() {
					//AJAX JSON response written out here
					$j(QuoteForm.element).append('<div id=\"QuoteResponse\"><h3>Good Credit</h3><h4>APR 9.9%</h4><p>Monthly repayment: <br /> <strong>&pound;317.92</strong><br/><a href=\"\">Apply now</a><br /><a href="" class=\"quote-form-back\">Back</a></p></div>');
					$j('.quote-form-back').click(function() {
						QuoteForm.reset();
						return false;
					});
				});
		},
		submit : function() {
			$j.blockUI.defaults.elementMessageCSS.background = 'none';
			$j.blockUI.defaults.elementMessageCSS.padding = '0';
			$j.blockUI.defaults.elementMessageCSS.border = 'none';
			$j(QuoteForm.element).block('<p><img src="/_Client/Images/Global/ajax-loader.gif" alt=""/></p>');
			//AJAX SUBMIT HERE
			window.setTimeout(function() { QuoteForm.showQuote(); }, 2000);
		},
		reset : function() {
			//Clear quote response and return to form
			QuoteForm.valid = false;
			$j('h2', QuoteForm.element).text("Get another quote");
			$j('#QuoteResponse').remove();
			$j('.form', QuoteForm.element).animate({opacity: 'show'},800);
		},
		validate : function() {
			//Validaton
			$j('div', QuoteForm.element).removeClass('frow-error');
			var errors = 0;
			var $loanAmount = $j('.text-loan-amount');
			var $employment = $j('.select-employment');
			var $history = $j('.select-credit-history');
			var $purpose = $j('.select-purpose');
			var $make = $j('.select-make');
			var $model = $j('.select-model');
			if(ncValidation.numeric($loanAmount[0].value) == false ) {$loanAmount.parents().filter('.frow').addClass('frow-error'); errors++;}
			if( $employment[0].value == '0') { $employment.parents().filter('.frow').addClass('frow-error'); errors++;}
			if( $history[0].value == '0') { $history.parents().filter('.frow').addClass('frow-error'); errors++;}
			if( $purpose[0].value == '0') { $purpose.parents().filter('.frow').addClass('frow-error'); errors++;}
			if( $make[0].value == '0') { $make.parents().filter('.frow').addClass('frow-error'); errors++;}
			if( $model[0].value == '0') { $model.parents().filter('.frow').addClass('frow-error'); errors++;}
			if(errors == 0) 
				{ QuoteForm.valid = true; } 
				else
				{ 
					QuoteForm.valid = false;
					QuoteForm.message('Please check the highlighted fields');
				}
		},
		message : function(m) {
			$j.blockUI.defaults.elementMessageCSS.background = '#ffffff';
			$j.blockUI.defaults.elementMessageCSS.padding = '10px';
			$j.blockUI.defaults.elementMessageCSS.border = '2px #ff9900 solid';
			$j.blockUI.defaults.elementMessageCSS.color = '#3a79b6';
			$j(QuoteForm.element).block(m);
			window.setTimeout(function() { $j(QuoteForm.element).unblock(); }, 2000);
		}
	}
}

