
/*
document.write("<style>");
	document.write("td { background-color: #f4f7f9; border-bottom: 1px solid #fff; font-size: .75em; } \n ");
	document.write("form { margin: 0; padding: 0; }  \n");
	document.write("input { border: 1px solid #000; background-color: #fff; padding-left: 5px; } \n " );
	document.write("#btn { background-color: #155776; color: #fff; }  \n");
	document.write(".hot { font-weight: bold; color: #155776; }  \n");
	document.write(".key { font-weight: bold; color: #339900; }  \n");
document.write("</style>  \n");
*/

document.write("<script>  \n");

function principal_calc(){
	
	var principal = document.principal.p.value;
	var interest  = document.principal.i.value;
	var noy 	  = document.principal.noy.value;
	
	if (principal == '') { principal = '0'; }
	if (interest == '')  { interest = '0'; }
	if (noy == '') 		 { noy = '0'; }
	
	if (principal == "0"){ 
		var display = 'Please fill "Loan Amount" field.'; 
		document.getElementById("status").innerHTML = display; 
		}
		
	if (interest == "0"){ 
		var display = 'Please fill "Interest Rate" field.'; 
		document.getElementById("status").innerHTML = display; 
		}
	
	if (noy == "0"){ 
		var display = 'Please fill "Length of Loan" field.'; 
		document.getElementById("status").innerHTML = display; 
		}
		
	if (principal != "0" && interest != "0" && noy != "0" ){ 
		var str = principal 
		var a = (str.replace(/,/, "")) 
		var t_years = eval(noy*12) 
		var t_interest = eval(interest/1200); 
		var t = eval(1.0 /(Math.pow((1+t_interest),t_years))); 
			
			if(t < 1){ 
				var payment = eval((a*t_interest)/(1-t)); 
			} else { 
				var payment = eval(amt/$t_years); 
			} 
			
		var total = payment.toFixed(2); 
		var display ='<div class=\"displayed\"><span style=\"font-weight: bold;\">$'+total+'</span> per month.</div>'; 
		
		document.getElementById("status").innerHTML = display; 
	
	}
		
}
document.write("</script>  \n");

 //document.write("</head>");
 //document.write("<body>");

 document.write("<div class=\"calc\"><form id=\"principal\" name=\"principal\" method=\"post\" action=\"\"> \n ");
 document.write("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"300px\" > \n ");
 document.write("<tr><td><strong>Loan Amount ($)<br /></strong><input name=\"p\" type=\"text\" id=\"p\" value=\"250,000\" size=\"16\" onchange=\"javascript:principal_calc();\" /></td> \n ");
 document.write("<td><strong>Interest Rate (%)<br /></strong><input name=\"i\" type=\"text\" id=\"i\" value=\"5.00\" size=\"16\" onchange=\"javascript:principal_calc();\" /></td></tr> \n ");
 document.write("<tr><td colspan=\"2\"><strong>Length of Loan (Yrs)</strong><input name=\"noy\" type=\"text\" id=\"noy\" value=\"30\" size=\"16\" maxlength=\"3\" onchange=\"javascript:principal_calc();\" /></td></tr> \n ");
 document.write("<tr><td colspan=\"2\"><input type=\"button\" name=\"button\" id=\"btn\" value=\"Calculate*\" onclick=\"javascript:principal_calc();\" /></td></tr></table> \n ");
 document.write("<div id=\"status\"></div></form></div> \n ");


 
