Commuting Calculator
<html>
<div id="cecContainer">
<div id="cecTop"></div>
<div id="cecContents">
<div id="cecFormContainer">
<div id="cecHeader" class="standardText">
Often the cost of a home will decrease as the distance increases from a major
population center. The lower price will result in a lower mortgage payment, but
there will be increased costs of commuting. A home that is farther away from work
may result in you spending a surprising amount driving to work, and possibly not
be less expensive after all. Compare a house in-town to a less expensive house
out-of-town by calculating the actual cost of commuting. See for yourself
reasonable cost estimates, and have more information to help make your decision.
</div>
<form id="cecForm" method="POST">
<div class="cecLabel"><span class="cecLabel">Volume/Distance Units?</span></div>
<div class="cecInput" style="height:15px;">
<input type="radio" name="vd_units" id="cecUnitsMPG" value="MPG" style="border:none;width:12px;height:12px" onclick="commuteCalcDlg.toggleUnits(this.id)" checked /><label for="cecUnitsMPG">mi/gal</label>
<input type="radio" name="vd_units" id="cecUnitsKM" value="LKM" style="border:none;width:12px;height:12px" onclick="commuteCalcDlg.toggleUnits(this.id)" /><label for="cecUnitsKM">L/km</label>
</div>
<div class="cecLabel"><span class="cecLabel">Current Cost of Fuel</span></div>
<div class="cecInput">$<input type="text" name="fuel_cost" id="fuel_cost" value="3.00" maxlength="4" /></div>
<div class="cecLabel"><span class="cecLabel">Do You Plan to Buy or Rent?</span></div>
<div class="cecInput" style="height:15px;">
<input type="radio" name="buyOrRent" id="cecBuyingSw" value="buy" onClick="toggleBuyRent(this.id);" style='border:none;width:12px;height:12px' checked='true' > <label for="cecBuyingSw">Buy</label>
<input type="radio" name="buyOrRent" id="cecRentingSw" value="rent" onClick="toggleBuyRent(this.id);" style='border:none;width:12px;height:12px' > <label for="cecRentingSw">Rent</label>
</div>
<div class="cecLabel"><span class="cecLabel" id="cecLoanALbl">Loan Amount of Home in Town A</span></div>
<div class="cecInput">$<input type="text" name="home_loan_a" id="home_loan_a" value="300000" maxlength="8" /></div>
<div class="cecLabel"><span class="cecLabel" id="cecLoanBLbl">Loan Amount of Home in Town B</span></div>
<div class="cecInput">$<input type="text" name="home_loan_b" id="home_loan_b" value="250000" maxlength="8" /></div>
<div class="cecLabel"><span class="cecLabel" id="cecIRLbl">Mortgage Interest Rate</span></div>
<div class="cecInput"><input type="text" name="interest_rate" id="interest_rate" value="6.25" maxlength="5" />%</div>
<div class="form" style="float:left;width100%">
<table class="cecCommuterTable">
<tbody>
<tr>
<td class="cecCommuterTableHeader formbold">Commuting Details (<span style='cursor:pointer' class='linkText' id="commuter_details_link" onClick='commuteCalcDlg.moreInfo(this.id)'>more info</span>)</td>
<td class="cecCommuterTableHeaderBtn formbold">
<input type="button" value="add" id="commuterAddBtn" onClick="commuterRecordDlg.display();" />
</td>
</tr>
</tbody>
<tbody id="cecCommuters"></tbody>
</table>
</div>
<div id="cecButtons"><input type="button" id="cecResetFrmBtn" onClick="commuteCalcDlg.resetForm();" value="Reset Form" /> <input type="button" value="Calculate" id="commute_calc_btn" onClick="commuteCalcDlg.display();" /></div>
<input type="hidden" name="trxcd" id="trxcd" value="de369266d89fbc1adc6259a1896b0019" />
<input type="hidden" id="default_units" value="MPG" />
<input type="hidden" id="default_fuel_cost" value="3.00" />
<input type="hidden" id="default_interest_rate" value="6.25" />
<input type="hidden" id="default_distance_a" value="2" />
<input type="hidden" id="default_distance_b" value="20" />
<input type="hidden" id="default_commutes_per_month" value="22" />
<input type="hidden" id="default_gross_income" value="50000" />
<input type="hidden" id="default_avg_mpg" value="20" />
<input type="hidden" id="default_value_of_car" value="20000" />
<input type="hidden" id="default_has_toll" value="no" />
<input type="hidden" id="default_toll_value" value="0" />
<input type="hidden" id="default_buy_or_rent" value="buy" />
<input type="hidden" id="default_loan_a_value" value="300000" />
<input type="hidden" id="default_loan_b_value" value="250000" />
<input type="hidden" id="default_rent_a_value" value="1200" />
<input type="hidden" id="default_rent_b_value" value="1000" />
</form>
<div class="CECCopyright">
Add this calculator to your site. <a class="CECCopyright" target="_blank" href="http://www.costofcommuting.com/referral.php?trx_cd=de369266d89fbc1adc6259a1896b0019">Download it here</a>.
</div>
</div>
</div>
<div id="cecBottom"></div>
</div>
<div id="cecLinks">
<!-- Do Not Edit the CEC information below. -->
Other Calculator Sites:
<a class="cecLinkStyle" target="_blank" href="http://www.automatedhomefinder.com/boulder-colorado-real-estate-for-sale.php">Colorado Homes</a><br>
<a class="cecLinkStyle" target="_blank" href="http://www.realestateonthelandings.com">The Landings</a> <a class="cecLinkStyle" target="_blank" href="http://www.kreick.com">Seattle Real Estate</a>
<!-- Do Not Edit the CEC information above. -->
</div>
<link rel="stylesheet" type="text/css" href="http://www.costofcommuting.com/display/stylesheets/calculator.css" />
<script language="Javascript" src="http://www.costofcommuting.com/display/js/calculator.js"></script>
