<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=unicode" http-equiv="Content-Type" /><script Language='JavaScript'>
//*******************************************
//DO NOT REMOVE THIS COPYWRITE INFO!
//Payment Breakdown Calculator
//1998 Daniel C. Peterson ALL RIGHTS RESERVED
//Created: 08/21/1998
//Last Modified: 06/24/2009
//This script may not be copied, edited, distributed or reproduced
//without express written permission from
//Daniel C. Peterson of Web Winder Website Services
//For commercial use rates, contact:
//Dan Peterson:
//Web Winder Website Services
//P.O. Box 11
//Bemidji, MN  56619
//dan@webwinder.com
//http://www.webwinder.com
//Commercial User Licence #:7579-1662-49-1580
//Commercial Licence Date:2013-07-13
//*******************************************



function sn(num) {

   num=num.toString();


   var len = num.length;
   var rnum = "";
   var test = "";
   var j = 0;

   var b = num.substring(0,1);
   if(b == "-") {
      rnum = "-";
   }

   for(i = 0; i <= len; i++) {

      b = num.substring(i,i+1);

      if(b == "0" || b == "1" || b == "2" || b == "3" || b == "4" || b == "5" || b == "6" || b == "7" || b == "8" || b == "9" || b == ".") {
         rnum = rnum + "" + b;

      }

   }

   if(rnum == "" || rnum == "-") {
      rnum = 0;
   }

   rnum = Number(rnum);

   return rnum;

}



function fns(num, places, comma, type, show) {

    var sym_1 = "$";
    var sym_2 = ""; 

    var isNeg=0;

    if(num < 0) {
       num=num*-1;
       isNeg=1;
    }

    var myDecFact = 1;
    var myPlaces = 0;
    var myZeros = "";
    while(myPlaces < places) {
       myDecFact = myDecFact * 10;
       myPlaces = Number(myPlaces) + Number(1);
       myZeros = myZeros + "0";
    }
    
	onum=Math.round(num*myDecFact)/myDecFact;
		
	integer=Math.floor(onum);

	if (Math.ceil(onum) == integer) {
		decimal=myZeros;
	} else{
		decimal=Math.round((onum-integer)* myDecFact)
	}
	decimal=decimal.toString();
	if (decimal.length<places) {
        fillZeroes = places - decimal.length;
	   for (z=0;z<fillZeroes;z++) {
        decimal="0"+decimal;
        }
     }

   if(places > 0) {
      decimal = "." + decimal;
   }

   if(comma == 1) {
	integer=integer.toString();
	var tmpnum="";
	var tmpinteger="";
	var y=0;

	for (x=integer.length;x>0;x--) {
		tmpnum=tmpnum+integer.charAt(x-1);
		y=y+1;
		if (y==3 & x>1) {
			tmpnum=tmpnum+",";
			y=0;
		}
	}

	for (x=tmpnum.length;x>0;x--) {
		tmpinteger=tmpinteger+tmpnum.charAt(x-1);
	}


	finNum=tmpinteger+""+decimal;
   } else {
      finNum=integer+""+decimal;
   }

    if(isNeg == 1) {
       if(type == 1 && show == 1) {
          finNum = "-" + sym_1 + "" + finNum + "" + sym_2;
       } else {
          finNum = "-" + finNum;
       }
    } else {
       if(show == 1) {
          if(type == 1) {
             finNum = sym_1 + "" + finNum + "" + sym_2;
          } else
          if(type == 2) {
             finNum = finNum + "%";
          }

       }

    }

	return finNum;
}


function computeForm(form) {

   if(document.calc.principal.value == 0 || document.calc.principal.value == "") {
      alert("Please enter the loan's original principal amount.");
      document.calc.principal.focus();
   } else
   if(document.calc.intRate.value == 0 || document.calc.intRate.value == "") {
      alert("Please enter the loan's annual interest rate.");
      document.calc.intRate.focus();
   } else
   if(document.calc.nPer.value == 0 || document.calc.nPer.value == "") {
      alert("Please enter the loan's original number of monthly payments.");
      document.calc.nPer.focus();
   } else
   if(document.calc.pmtAmt.value == 0 || document.calc.pmtAmt.value == "") {
      alert("Please enter the loan's monthly payment amount.");
      document.calc.pmtAmt.focus();
   } else
   if(document.calc.pmtNo.value == 0 || document.calc.pmtNo.value == "") {
      alert("Please enter the payment number you would like broken down.");
      document.calc.pmtNo.focus();
   } else {

      var Vprincipal = sn(document.calc.principal.value);
      var VintRate = sn(document.calc.intRate.value);
      VintRate = VintRate / 100.0;
      VintRate /= 12;

      var VnPer = sn(document.calc.nPer.value);
      var VpmtAmt = sn(document.calc.pmtAmt.value);
      var VpmtNo = sn(document.calc.pmtNo.value);
      var prinPort = 0;
      var intPort = 0;
      var count = 0;

      while(count < VpmtNo) {
         intPort = Vprincipal * VintRate;
         prinPort = Number(VpmtAmt) - Number(intPort);
         Vprincipal = Number(Vprincipal) - Number(prinPort);
         count = Number(count) + Number(1);
      }

      document.calc.principalPort.value = fns(prinPort,2,1,1,1);
      document.calc.interestPort.value = fns(intPort,2,1,1,1);

   }

}

function clear_results(form) {

   document.calc.principalPort.value = "";
   document.calc.interestPort.value = "";

}</script>

<title>Payment Breakdown Calculator</title>
<link href="../css/csstablestyle.css" rel="stylesheet" type="text/css" />
</head>

<body>
<form name="calc" method="post" action="#">

<table border='1' width='50%' cellpadding='4' cellspacing='0'  
>
<tbody>

<tr>
<td colspan="2" align="center">
<caption>Payment Breakdown Calculator</caption>

<tr>
<td colspan="2">
<font face='arial' size='2' color='#000000'>
This calculator will help you to determine the principal and interest breakdown on any given payment number.
<p>
Enter the loan's original terms (principal, interest rate, number of payments, and monthly payment amount) and click on the "Compute" button.
</p>
</font> 
</td>
</tr>

<tr>
<td>
<font face='arial' size='2' color='#000000'>
Original principal amount borrowed:
</font>
</td>
<td align="center"><input type="text" name="principal" size="15" onKeyUp="clear_results(this.form)" />
</td>
</tr>

<tr>
<td>
<font face='arial' size='2' color='#000000'>
What is the loan's annual interest rate?
</font>
</td>
<td align="center"><input type="text" name="intRate" size="15" onKeyUp="clear_results(this.form)" />
</td>
</tr>

<tr>
<td>
<font face='arial' size='2' color='#000000'>
Original number of payments:
</font>
</td>
<td align="center"><input type="text" name="nPer" size="15" onKeyUp="clear_results(this.form)" />
</td>
</tr>

<tr>
<td>
<font face='arial' size='2' color='#000000'>
Loan's monthly payment amount?
</font>
</td>
<td align="center"><input type="text" name="pmtAmt" size="15" onKeyUp="clear_results(this.form)" />
</td>
</tr>

<tr>
<td>
<font face='arial' size='2' color='#000000'>
Which payment number would you like broken down?
</font>
</td>
<td align="center"><input type="text" name="pmtNo" size="15" onKeyUp="clear_results(this.form)" />
</td>
</tr>

<tr>
<td align="center"  
 colspan="2">
<input type="button" value="Compute" onClick="computeForm(this.form)" />
<input type="reset" value="Reset" />
</td>
</tr>

<tr>
<td>
<font face='arial' size='2' color='#000000'>
This is the principal portion of the entered payment #:
</font>
</td>
<td align="center"><input type="text" name="principalPort" size="15" />
</td>
</tr>

<tr>
<td>
<font face='arial' size='2' color='#000000'>
This is the interest portion of the entered payment #:
</font>
</td>
<td align="center"><input type="text" name="interestPort" size="15" />
</td>
</tr>

<!--calc row end -->

</tbody>
</table>
</form>
</body>

</html>