
$(function(){
	$('.pastdate').datepicker({ maxDate: new Date(), minDate: '-5y', showOn: 'both', buttonText: 'Pick Date', changeMonth: 'true', changeYear: 'true', showOtherMonths: 'true' });
	$('.pastdate').live('customTrigger', function(){
		$('.pastdate').datepicker({ maxDate: new Date(), minDate: '-5y', showOn: 'both', buttonText: 'Pick Date', changeMonth: 'true', changeYear: 'true', showOtherMonths: 'true' });
	});
});

function changeBorrowers(num){

	obj = document.getElementById('borrowers_fields');
	val = document.getElementById('borrowers').value;
	for(i=4;i>val;i--){
		if(document.getElementById('b_fields'+i)){
			oldDiv = document.getElementById('b_fields'+i);
			obj.removeChild(oldDiv);
		}
	}
	for(i=(num+1);i<=val;i++){
		divId = 'b_fields'+i;
		newdiv = document.createElement('div');
		newdiv.setAttribute('id',divId);
		newdiv.setAttribute('class','fields');
		content = '<div class="fields_title">Borrower '+i+'</div><div class="field">&nbsp;<span class="red">*</span> First Name<br /><input type="text" name="first_name_'+i+'" id="first_name_'+i+'" value="" class="input" /></div><div class="field">&nbsp;<span class="red">*</span> Last Name<br /><input type="text" name="last_name_'+i+'" id="last_name_'+i+'" value="" class="input" /></div><div class="clear"></div><div class="field">&nbsp;<span class="red">*</span> Email<br /><input type="text" name="email_'+i+'" id="email_'+i+'" value="" class="input" /></div><div class="field">&nbsp;<span class="red">*</span> Home Phone<br /><input type="text" name="home_phone_'+i+'" id="home_phone_'+i+'" value="" class="input" /></div><div class="clear"></div><div class="field">&nbsp;Work Phone<br /><input type="text" name="work_phone_'+i+'" id="work_phone_'+i+'" value="" class="input" /></div><div class="field">&nbsp;Mobile Phone<br /><input type="text" name="mobile_phone_'+i+'" id="mobile_phone_'+i+'" value="" class="input" /></div><div class="clear"></div>';
		newdiv.innerHTML = content;
		obj.appendChild(newdiv);
	}
	document.getElementById('borrowers').setAttribute('onchange','changeBorrowers('+val+'); return false;');

}

function changeLoans(num){

	obj = document.getElementById('loans_fields');
	val = document.getElementById('loans').value;
	for(i=4;i>val;i--){
		if(document.getElementById('l_fields'+i)){
			oldDiv = document.getElementById('l_fields'+i);
			obj.removeChild(oldDiv);
		}
	}
	for(i=(num+1);i<=val;i++){
		divId = 'l_fields'+i;
		newdiv = document.createElement('div');
		newdiv.setAttribute('id',divId);
		newdiv.setAttribute('class','fields');
		content = '<div class="fields_title">Loan '+i+'</div><div class="field">&nbsp;<span class="red">*</span> Name of Lender/Servicer<br /><input type="text" name="lender_servicer_'+i+'" id="lender_servicer_'+i+'" value="" class="input" /></div><div class="field">&nbsp;<span class="red">*</span> Original Loan Amount<br /><input type="text" name="original_loan_'+i+'" id="original_loan_'+i+'" value="" class="input" /></div><div class="clear"></div><div class="field">&nbsp;<span class="red">*</span> Current Loan Balance<br /><input type="text" name="loan_balance_'+i+'" id="loan_balance_'+i+'" value="" class="input" /></div><div class="field">&nbsp;<span class="red">*</span> Current Interest Rate<br /><input type="text" name="interest_rate_'+i+'" id="interest_rate_'+i+'" value="" class="input" /></div><div class="clear"></div><div class="field">&nbsp;<span class="red">*</span> Type of Loan? (mark all that apply)<br /><label><input type="checkbox" name="loan_type_'+i+'[]" value="Purchase Money" class="checkbox" /> Purchase Money</label> <label><input type="checkbox" name="loan_type_'+i+'[]" value="HELOC" class="checkbox" /> HELOC</label> <label><input type="checkbox" name="loan_type_'+i+'[]" value="ARM" class="checkbox" /> ARM</label><br /><label><input type="checkbox" name="loan_type_'+i+'[]" value="Option-ARM" class="checkbox" /> Option-ARM</label> <label><input type="checkbox" name="loan_type_'+i+'[]" value="FHA" class="checkbox" /> FHA</label> <label><input type="checkbox" name="loan_type_'+i+'[]" value="VA" class="checkbox" /> VA</label><br /><label><input type="checkbox" name="loan_type_'+i+'[]" value="Fannie Mae" class="checkbox" /> Fannie Mae</label> <label><input type="checkbox" name="loan_type_'+i+'[]" value="Freddie Mac" class="checkbox" /> Freddie Mac</label></div><div class="field" style="width: 255px;">&nbsp;<span class="red">*</span> Were you required to pay Mortgage Insurance for the loan?<br /><label><input type="radio" name="mortgage_insurance_'+i+'" value="Yes" /> Yes</label> <label><input type="radio" name="mortgage_insurance_'+i+'" value="No" /> No</label></div><div class="clear"></div><div class="field">&nbsp;<span class="red">*</span> Date of Last Full Payment<br /><input type="text" name="last_payment_'+i+'" id="last_payment_'+i+'" value="" class="input pastdate" style="width: 150px; margin-right: 5px;" /></div><div class="clear"></div><div class="field" style="width: 255px;">&nbsp;<span class="red">*</span> Are You Delinquent on Your Loan?<br /><label><input type="radio" name="delinquent_'+i+'" value="Yes" /> Yes</label> <label><input type="radio" name="delinquent_'+i+'" value="No" /> No</label></div><div class="field">&nbsp;<span class="red">*</span> How many months late?<br /><select name="months_late_'+i+'" id="months_late_'+i+'" value="" class="select"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12+</option></select></div><div class="clear"></div>';
		newdiv.innerHTML = content;
		obj.appendChild(newdiv);
	}
	document.getElementById('loans').setAttribute('onchange','changeLoans('+val+'); return false;');
	$('.pastdate').trigger('customTrigger');

}
