<%@ language="JavaScript" %>

<%

 

var Monthly_savings;

var Annual_Investment_growth_rate;

var Annual_Salary_Increase_Rate;

 

var isPostBack;

 

isPostBack=Request.Form.Count!=0;

if(isPostBack)

{

      Monthly_savings=parseInt(Request.Form("TxtMonthly_savings"));

      Annual_Investment_growth_rate=parseFloat(Request.Form("TxtAnnual_Investment_growth_rate"));

      Annual_Salary_Increase_Rate=parseFloat(Request.Form("TxtAnnual_Salary_Increase_Rate"));

}

else

{

      Monthly_savings=100;

      Annual_Investment_growth_rate=0.05;

      Annual_Salary_Increase_Rate=0.05;

}

 

var url = "RetirementGetChart.asp?";

 

url += "Monthly_savings=" + Monthly_savings;

url += "&Annual_Investment_growth_rate=" + Annual_Investment_growth_rate;

url += "&Annual_Salary_Increase_Rate=" + Annual_Salary_Increase_Rate;

 

 

%>

 

<!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><title>

      Retirement

</title>

    <style type="text/css">

    TD, INPUT, SELECT

    {

            font-family: Arial;

            font-size: 10pt;

      }

     

      TABLE#HTInput, #HTOutput

      {

            border-top:solid 1px #C0C0C0;

            border-left:solid 1px #C0C0C0;

      }

     

      TABLE#HTInput TD, TABLE#HTOutput TD

      {

            border-bottom:solid 1px #C0C0C0;

            border-right:solid 1px #C0C0C0;

      }

     

      TABLE#HTOutput TD

      {

            background-color:#CCCCFF;

      }

    </style>

</head>

<body>

    <form name="form1" method="post" action="RetirementWithChart.asp" id="form1">

    <div >

    <table id="HTInput" border="0" cellpadding="0" cellspacing="0" width="600">

      <tr>

            <td style="width: 328px">

                             Monthly savings

            </td>

            <td>

            <input name="TxtMonthly_savings" type="text" value="<%=Monthly_savings%>" id="TxtMonthly_savings" />

            </td>

      </tr>

      <tr>

            <td style="width: 328px">

                             Annual Investment growth rate (between 0-1)

            </td>

            <td>

                             <input name="TxtAnnual_Investment_growth_rate" type="text" value="<%=Annual_Investment_growth_rate%>" id="TxtAnnual_Investment_growth_rate" />

            </td>

      </tr>

      <tr>

            <td style="width: 328px">

                             Annual Salary Increase Rate (between 0-1)

            </td>

            <td>

                             <input name="TxtAnnual_Salary_Increase_Rate" type="text" value="<%=Annual_Salary_Increase_Rate%>" id="TxtAnnual_Salary_Increase_Rate" />

                             </td>

      </tr>

      <tr>

            <td style="width: 328px">

                             &nbsp;</td>

            <td>

                             &nbsp;</td>

      </tr>

      <tr>

            <td style="width: 328px">

            &nbsp;

            </td>

            <td>

                             <input type="submit" name="BtnCalculate" value="Calculate" id="BtnCalculate" /></td>

      </tr>

</table>

   

    </div>

        <img  id="ImgChart" src="<%=url%>" alt="image chart"/>

   

    </form>

</body>

</html>