
function validate_form(thisform)
{
	//remove all default values first

	var f = document.getElementsByName('name (awf_first)');
	if (f[0].value == 'Name') f[0].value = '';

	if (thisform.email.value == 'Email') thisform.email.value = '';

	var f = document.getElementsByName('custom Phone');
	if (f[0].value == 'Phone') f[0].value = '';

	var f = document.getElementsByName('custom Loan Request Amount');
	if (f[0].value == 'Loan Request Amount') f[0].value = '';

	var f = document.getElementsByName('custom Vehicle Year');
	if (f[0].value == 'Vehicle Year') f[0].value = '';

	var f = document.getElementsByName('custom Vehicle Make');
	if (f[0].value == 'Vehicle Make') f[0].value = '';

	var f = document.getElementsByName('custom Vehicle Model');
	if (f[0].value == 'Vehicle Model') f[0].value = '';

	// now check if all fields are filled
	var message = "";
	var f = document.getElementsByName('name (awf_first)');
	if (f[0].value == '') message = message + "Name\n";

	var f = document.getElementsByName('custom Phone');
	if (f[0].value == '') message = message + "Phone\n";

	if (thisform.email.value == '') message = message + "Email\n";

	var f = document.getElementsByName('custom Vehicle Year');
	if (f[0].value == '') message = message + "Vehicle Year\n";

	var f = document.getElementsByName('custom Vehicle Make');
	if (f[0].value == '') message = message + "Vehicle Make\n";

	var f = document.getElementsByName('custom Vehicle Model');
	if (f[0].value == '') message = message + "Vehicle Model\n";

	var f = document.getElementsByName('custom Loan Request Amount');
	if (f[0].value == '') message = message + "Loan Request Amount\n";

	if (message != '') {
		message = "The following fields are required:\n" + message;
		alert (message);
		return false;
	}

	document.getElementById('submitx').disabled=true;
	document.getElementById('submitx').className = 'submit-disabled';
	document.getElementById('loaderx').style.display="block";

}
$(document).ready(function() {
	pic1= new Image(102,42);
	pic1.src="images/please-wait.png";

	pic2= new Image(16,16);
	pic2.src="images/preloader.gif";

	// add modal

	$("#closex").click(function(e){

		//Get the A tag
		var id = "#dialog2";

		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();

		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});

		//transition effect
		$('#mask').fadeOut(1000);
		//$('#mask').fadeTo("slow",1);

		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();

		//Set the popup window to center
		$(id).css('top',  -1000);
		$(id).css('left', -1000);

		//transition effect
		$(id).fadeOut(1000);

	})

	$('#clicktocall').click(function(e){

		//Get the A tag
		var id = "#dialog2";

		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();

		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});

		//transition effect
		$('#mask').fadeIn(1000);
		$('#mask').fadeTo("slow",0.4);

		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();

		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);

		//transition effect
		$(id).fadeIn(1000);


	});

	//select all the a tag with name equal to modal
	$('#submitx').click(function(e) {

		//Cancel the link behavior
		e.preventDefault();

		thisform=document.forms[0];

		var f = document.getElementsByName('name (awf_first)');
		if (f[0].value == 'Name') f[0].value = '';

		if (thisform.email.value == 'Email') thisform.email.value = '';

		var f = document.getElementsByName('custom Phone');
		if (f[0].value == 'Phone') f[0].value = '';

		var f = document.getElementsByName('custom Loan Request Amount');
		if (f[0].value == 'Loan Request Amount') f[0].value = '';

		var f = document.getElementsByName('custom Vehicle Year');
		if (f[0].value == 'Vehicle Year') f[0].value = '';

		var f = document.getElementsByName('custom Vehicle Make');
		if (f[0].value == 'Vehicle Make') f[0].value = '';

		var f = document.getElementsByName('custom Vehicle Model');
		if (f[0].value == 'Vehicle Model') f[0].value = '';

		// now check if all fields are filled
		var message = "";
		var f = document.getElementsByName('name (awf_first)');
		if (f[0].value == '') message = message + "Name\n";

		var f = document.getElementsByName('custom Phone');
		if (f[0].value == '') message = message + "Phone\n";

		if (thisform.email.value == '') message = message + "Email\n";

		var f = document.getElementsByName('custom Vehicle Year');
		if (f[0].value == '') message = message + "Vehicle Year\n";

		var f = document.getElementsByName('custom Vehicle Make');
		if (f[0].value == '') message = message + "Vehicle Make\n";

		var f = document.getElementsByName('custom Vehicle Model');
		if (f[0].value == '') message = message + "Vehicle Model\n";

		var f = document.getElementsByName('custom Loan Request Amount');
		if (f[0].value == '') message = message + "Loan Request Amount\n";

		if (message != '') {

			message = "The following fields are required:\n" + message;
			alert (message);
			return false;
		}


		//Get the A tag
		var id = "#dialog";

		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();

		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});

		//transition effect
		$('#mask').fadeIn(1000);
		$('#mask').fadeTo("slow",0.4);

		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();

		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);

		//transition effect
		$(id).fadeIn(1000);

		thisform.submit();

	});
});
