function onCalc()
{

	if (numb == 1)
	{
		htmWrite = document.getElementById("rent_result");
		var amount = document.getElementById("amount_1").value * 1;
		var rate   = document.getElementById("rate_1").value * 1;
		var total;
		var total1;
		var amntTable;
		amntTable  = "<table style=\"font: 12px/13px verdana\" bgcolor=\"#66CC00\">";
		amntTable += "<tr>";
		amntTable += "<td >BASE AMOUNT: </td><td><b>"+addCommas(amount.toFixed(2))+"</b></td>";
		amntTable += "</tr>";
		amntTable += "<tr>";
		amntTable += "<td colspan=\"2\" align=\"left\"><b>Appreciation</b></td>";
		amntTable += "</tr>";
		amntTable += "<tr>";
		amntTable += "<td>RATE: </td><td><b>"+rate+"</b></td>";
		amntTable += "</tr>";
		amntTable += "</table>";
		amntTable += "<table width=\"100%\" style=\"font: 12px/13px verdana\" >";
		amntTable += "<tr>";
		amntTable += "<td bgcolor=\"#66CC00\"><b>YEAR</b></td>";
		for(a=1; a<=30; a++)
		{
			amntTable += "<td bgcolor=\"#66CC00\"><b>" + a + "</b></td>";
		}
		amntTable += "</tr>";
		amntTable += "<tr><td>"; 
		amntTable += "<table width=\"200px\" style=\"font: 12px/13px verdana\" bgcolor=\"#66CC00\">";
		amntTable += "<tr>";
		amntTable += "<td >GAIN VALUE</td>";
		amntTable += "</tr>";
		amntTable += "<tr>";
		amntTable += "<td >WORTH AT YEARS END</td>";
		amntTable += "</tr>";
		amntTable += "</table>";
		amntTable += "</td>";
		var bg_cell = "";
		var bg_c = 0;
		for(i=1; i<=30; i++)
		{
			total  = amount * (rate / 100);
			total1 = total + amount;
			amount = total1;
			if (bg_c == 0)
			{
				bg_cell = "bgcolor=\"#CCCCCC\"";
				bg_c = 1;
			}else{
				bg_cell = "bgcolor=\"#99FF66\"";
				bg_c = 0;
			}
			amntTable += "<td>";
			amntTable += "<table style=\"font: 12px/13px verdana\"><tr>";
			amntTable += "<td " + bg_cell + " align=\"right\">" + addCommas(total.toFixed(2)) + "</td></tr><tr><td " + bg_cell + ">" + addCommas(amount.toFixed(2)) + "</td></tr></table></td>";
		}
		amntTable += "</tr>";
		amntTable += "</table>";
		
		
		htmWrite.innerHTML = amntTable;
	}
	else
	{
		htmWrite = document.getElementById("rent_result");
		var amntTable="";
		for(f=1; f <= numb; f++)
		{
			var amount = document.getElementById("amount_"+f).value * 1;
			var rate   = document.getElementById("rate_"+f).value * 1;
			var total;
			var total1;
			
			amntTable += "<table style=\"font: 12px/13px verdana\" bgcolor=\"#66CC00\">";
			amntTable += "<tr>";
			amntTable += "<td>BASE AMOUNT: </td><td><b>"+addCommas(amount.toFixed(2))+"</b></td>";
			amntTable += "</tr>";
			amntTable += "<tr>";
			amntTable += "<td colspan=\"2\" align=\"left\"><b>Appreciation</b></td>";
			amntTable += "</tr>";
			amntTable += "<tr>";
			amntTable += "<td>RATE: </td><td><b>"+rate+"</b></td>";
			amntTable += "</tr>";
			amntTable += "</table>";
			amntTable += "<table width=\"100%\" style=\"font: 12px/13px verdana\">";
			amntTable += "<tr>";
			amntTable += "<td bgcolor=\"#66CC00\" ><b>YEAR</b></td>";
			for(a=1; a<=30; a++)
			{
				amntTable += "<td bgcolor=\"#66CC00\"><b>" + a + "</b></td>";
			}
			amntTable += "</tr>";
			amntTable += "<tr><td>"; 
			amntTable += "<table width=\"200px\" style=\"font: 12px/13px verdana\" bgcolor=\"#66CC00\">";
			amntTable += "<tr>";
			amntTable += "<td>GAIN VALUE</td>";
			amntTable += "</tr>";
			amntTable += "<tr>";
			amntTable += "<td >WORTH AT YEARS END</td>";
			amntTable += "</tr>";
			amntTable += "</table>";
			amntTable += "</td>";
			var bg_cell = "";
			var bg_c = 0;
			for(i=1; i<=30; i++)
			{
				total  = amount * (rate / 100);
				total1 = total + amount;
				amount = total1;
				if (bg_c == 0)
				{
					bg_cell = "bgcolor=\"#CCCCCC\"";
					bg_c = 1;
				}else{
					bg_cell = "bgcolor=\"#99FF66\"";
					bg_c = 0;
				}
				amntTable += "<td>";
				amntTable += "<table style=\"font: 12px/13px verdana\"><tr>";
				amntTable += "<td " + bg_cell + " align=\"right\">" + addCommas(total.toFixed(2)) + "</td></tr><tr><td " + bg_cell + ">" + addCommas(amount.toFixed(2)) + "</td></tr></table></td>";
			}
			amntTable += "</tr>";
			amntTable += "</table><br/>";
			
			
			
		}
		htmWrite.innerHTML = amntTable;
	}
	
}
function addSamp()
{
	var frm = document.getElementById("amntForm");
	var frm2
	numb++;
	
	frm2 = "<table width=\"100%\" style=\"font: 12px/13px verdana\"><tr><td class=\"calc_labels right\">AMOUNT: </td><td><input type=\"text\" name=\"amount\" id=\"amount_"+ numb + "\" /></td><tr>";
	frm2 += "<tr><td class=\"calc_labels right\">RATE: </td><td><input type=\"text\" name=\"rate\" id=\"rate_"+ numb + "\" /></td><tr></table>";
	frm.innerHTML += frm2;
	
}

function resetrentApp()
{
	document.getElementById("amount_1").value = "";
	document.getElementById("rate_1").value = "";
	document.getElementById("rent_result").innerHTML="";
	
}