function convertVal(txt,val)
{
  document.getElementById(txt).value=val;
}
function isNumberKey(evt)
{
	 var charCode = (evt.which) ? evt.which : event.keyCode
	 if (charCode > 31 && (charCode < 48 || charCode > 57))
		return false;
	
	 return true;
}
$('step1').show();
	
$(document).ready(function(){

	$("#recordClientPhone").mask("(999) 999-9999");
	
	var accordion = $("#stepForm").accordion(); 
	var current = 0;

	$.validator.addMethod("pageRequired", function(value, element) {
		var $element = $(element)
		function match(index) {
			return current == index && $(element).parents("#sf" + (index + 1)).length;
		}
		if (match(0) || match(1) || match(2)|| match(3)) {
			return !this.optional(element);
		}
		return "dependency-mismatch";
	}, $.validator.messages.required)

	 $(function(){
                         $("#submit").click(function() { 	  
                         // we want to store the values from the form input box, then send via ajax below
						  $('#step4').hide();  $('#step5').show();  
						     var recordPropertyState       	= $('#recordPropertyState').attr('value');  
                        	 var recordPropertyCity        	= $('#recordPropertyCity').attr('value'); 
							 var recordPropertyCredit      	= $('#recordPropertyCredit').attr('value'); 
							 var recordPropertyLoanAmount  	= $('#recordPropertyLoanAmount').attr('value'); 
							 var recordPropertyValue  	   	= $('#recordPropertyValue').attr('value'); 
							 var recordPropertyLoanType    	= $('#recordPropertyLoanType').attr('value');
							 var recordPropertyDuration    	= $('#recordPropertyDuration').attr('value');
							 var recordClientRole     	   	= $('#recordClientRole').attr('value'); 
							 var recordClientEmail        	= $('#recordClientEmail').attr('value');
							 var recordClientEmail1        	= $('#recordClientEmail1').attr('value');
							 var recordClientFirstName    	= $('#recordClientFirstName').attr('value'); 
							 var recordClientLastName     	= $('#recordClientLastName').attr('value');  
							 var recordClientPhone       	= $('#recordClientPhone').attr('value'); 
							 var acceptCreditCards       	= $('#acceptCreditCards').attr('value'); 
							 var wantCreditCards       		= $('#wantCreditCards').attr('value'); 
							 var wantInvestment          	= $('#wantInvestment').attr('value'); 

							 var generalContractor       	= $('#generalContractor').attr('value'); 
							 var churchArchitect       	 	= $('#churchArchitect').attr('value'); 
							 var sellProperty          	 	= $('#sellProperty').attr('value'); 
							 var contactAgent          		= $('#contactAgent').attr('value'); 

							 var subject				 	= "Step4";


                             $.ajax({  
                                 type: "POST",  
                                 url: "quickapply.cfm",  
                                 data: "State="+ recordPropertyState +"&city="+ recordPropertyCity +"&credit="+ recordPropertyCredit +"&Loan="+ recordPropertyLoanAmount +"&property="+ recordPropertyValue +"&LoanType="+ recordPropertyLoanType +"&duration="+ recordPropertyDuration+"&clientrole="+ recordClientRole +"&email="+ recordClientEmail +"&firstname="+ recordClientFirstName +"&lastname="+ recordClientLastName +"&phone="+ recordClientPhone+"&acceptCreditCards="+ acceptCreditCards+"&wantCreditCards="+ wantCreditCards+"&wantInvestment="+ wantInvestment+"&generalContractor="+ generalContractor+"&churchArchitect="+ churchArchitect+"&sellProperty="+ sellProperty+"&contactAgent="+ contactAgent+"&subject="+ subject  ,
                                 success: function(response){ 
								  $('#step4').hide();  $('#step5').show();   
                                 }  
                             });  
                         }); 
                     });  
		
	var v = $("#cmaForm").validate({
		errorClass: "warning",
		onkeyup: false,
		onblur: false,
		submitHandler: function() {
	
		 $('step4').hide();  $('step5').show(); 
		}
	});
	// back buttons do not need to run validation
	$("#sf2 .prevbutton").click(function(){
		$('#step2').show();
		$('#step1').hide();
		accordion.accordion("activate", 0);
		current = 0;
	}); 
	$("#sf3 .prevbutton").click(function(){
		$('#step3').show();
		$('#step1').hide();
		$('#step2').hide();
		$('#step4').hide();
		
		accordion.accordion("activate", 1);
		current = 1;
	}); 
	$("#sf4 .prevbutton").click(function(){
	$('#step4').hide();
		$('#step1').hide();
		$('#step2').hide();
		$('#step3').show();
		accordion.accordion("activate", 2);
		current = 2;
	});
	// these buttons all run the validation, overridden by specific targets above
	$(".open3").click(function() {
	
	if($('#recordClientEmail').attr('value') == ""){
	 	alert("Email is required");
	  	document.cmaForm.recordClientEmail.focus();
	}
	else if(($('#recordClientEmail').attr('value')) != ($('#recordClientEmail1').attr('value')) ){
	 	alert("Please confirm your email address");
	  	document.cmaForm.recordClientEmail1.focus();
	}
	else if($('#recordClientFirstName').attr('value') == ""){
		alert("First Name is required");
	  	document.cmaForm.recordClientFirstName.focus();
	}
	else if($('#recordClientLastName').attr('value') == ""){
		alert("Last Name is required");
	  	document.cmaForm.recordClientLastName.focus();
	}
	else if($('#recordClientEmail').attr('value') != ""){
	$('#step1').hide();
		$('#step2').hide();
		$('#step3').hide();$('#step4').show();
	    					 var recordPropertyState       	= $('#recordPropertyState').attr('value');  
                        	 var recordPropertyCity        	= $('#recordPropertyCity').attr('value'); 
							 var recordPropertyCredit      	= $('#recordPropertyCredit').attr('value'); 
							 var recordPropertyLoanAmount  	= $('#recordPropertyLoanAmount').attr('value'); 
							 var recordPropertyValue  	   	= $('#recordPropertyValue').attr('value'); 
							 var recordPropertyLoanType    	= $('#recordPropertyLoanType').attr('value');
							 var recordPropertyDuration    	= $('#recordPropertyDuration').attr('value');
							 var recordClientRole     	   	= $('#recordClientRole').attr('value'); 
							 var recordClientEmail         	= $('#recordClientEmail').attr('value');
							 var acceptCreditCards       	= $('#acceptCreditCards').attr('value'); 
							 var wantCreditCards       	 	= $('#wantCreditCards').attr('value'); 
							 var wantInvestment          	= $('#wantInvestment').attr('value'); 
							 
							 var generalContractor       	= $('#generalContractor').attr('value'); 
							 var churchArchitect       	 	= $('#churchArchitect').attr('value'); 
							 var sellProperty          	 	= $('#sellProperty').attr('value'); 
							 var contactAgent          		= $('#contactAgent').attr('value'); 

							 var subject				   	= "Step3";
							
							
							 $.ajax({  
                                 type: "POST",  
								 url: "quickapply.cfm", 
								 data: "State="+ recordPropertyState +"&city="+ recordPropertyCity +"&credit="+ recordPropertyCredit +"&Loan="+ recordPropertyLoanAmount +"&property="+ recordPropertyValue +"&LoanType="+ recordPropertyLoanType +"&duration="+ recordPropertyDuration+"&clientrole="+ recordClientRole +"&email="+ recordClientEmail+"&acceptCreditCards="+ acceptCreditCards+"&wantCreditCards="+ wantCreditCards+"&wantInvestment="+ wantInvestment+"&generalContractor="+ generalContractor+"&churchArchitect="+ churchArchitect+"&sellProperty="+ sellProperty+"&contactAgent="+ contactAgent+"&subject="+ subject  ,
                                 success: function(response){ 
								  $('#step3').hide();  $('#step4').show();  
								     
                                 }  
                             });
				}
				
	});
	$(".open2").click(function() {
	
	  if (v.form()) {
	    accordion.accordion("activate", 2);
	    current = 2;
	  }
	});
	$(".open1").click(function() {
	
	  if (v.form()) {
	    accordion.accordion("activate", 1);
	    current = 1;
	  }
	});
	$(".open0").click(function() {
	
	  if (v.form()) {
	    accordion.accordion("activate", 0);
	    current = 0;
	  }
	});
	

});
 function goto_success(){
		  	$('step4').hide();
           
			}
function numericOnly(e) {
	if(window.event) {
		key = e.keyCode; // for IE, e.keyCode or window.event.keyCode can be used
	}
	else if(e.which) {
		key = e.which; // netscape
	}
	else {
		return true;// no event, so pass through
	}
	
	if( ((key>45) && (key<58)) || (key==8) ) {
		return true; 
	}
	else {
		return false;
	}
		
}
function hidepic()
{
	document.getElementById('picplay').style.visibility = "hidden";
	document.getElementById('carousel1').style.visibility = "hidden";
}
function showpic()
{
	document.getElementById('picplay').style.visibility = "visible";
	document.getElementById('carousel1').style.visibility = "visible";
}

function HidePic2()
{
	document.getElementById('tooltipID').style.visibility = "visible";
	var offleft = document.getElementById('right').offsetLeft;
	var browserName=navigator.appName; 
	if (browserName=="Microsoft Internet Explorer")
	{ 
		var leftlen = offleft+33;
	}
	else 
	{ 
		var leftlen = offleft-242;
	}
	document.getElementById("tooltipID").style.left=leftlen+"px";
}
function HidePic3()
{
	document.getElementById("tooltipID").style.visibility = "hidden";	
}