<!DOCTYPE HTML>
<html lang='en'>
<script type='text/javascript' src="js/jquery.js"> </script>
<!--<script language=javascript src="js/numeric.js"></script>-->
<script language=javascript src="js/common.js"></script>
<script type='text/javascript' src='js/fixed-deposit.js'> </script>
<script type='text/javascript' src='js/highcharts.js'></script>
<script type='text/javascript'>
function create_graphs(muva,prin)
{
var divid='chart1';
var ctype='column';
var title='Fixed Deposit';
var xtitle=$('#peri').val()+' '+$('#sepe option:selected').text();
var ytitle='Amount';
var xvalues=new Array('Amount');
var yvalues = new Array();
var test=muva-prin;
yvalues['Principal']=[prin];
yvalues['Maturity']=[muva];
jquery_drawchart(divid,ctype,title,xtitle,ytitle,xvalues,yvalues);
}
function clear_all()
{
$('#chart1').html('');
}
</script>
<link href="css/style.css" rel="stylesheet" type="text/css">
<div class="ec_calculator_gen clearfix">
<h2>Fixed Deposit Calculator</h2><form name="first">
<div class='group clearfix'>
<label>Principal (P)</label>
<!--<input id='prin' type='text' class='easypositive'>-->
<input id='prin' type='text' class='easypositive'>
</div>
<div class='group clearfix'>
<label>Rate of Interest (r) </label>
<span class='width_100'><input id='intr' type='text' class='easypositive'></span>
<span>% </span>
</div>
<div class='group clearfix'>
<label>Number of Period (t) </label>
<span class='wdith_80'><input id='peri' type='text' class='easypositive' ></span>
<span>
<select id='sepe'>
<option value='365'> Day(s) </option>
<option value='12'> Month(s) </option>
<option value='1'> Year(s) </option> </select>
</span>
</div>
<div class='group clearfix'>
<label>Frequency (n) </label>
<select id='cifr'>
<option value='0'>Simple Interest</option>
<option value='12'>Monthly</option>
<option value='4'>Quarterly</option>
<option value='2'>HalfYearly</option>
<option value='1' selected>Annually</option> </select>
</div>
<div class='group clearfix'>
<input type='button' value='Calculate' onclick='fixed_deposit();'>
<input type='reset' value='Reset' onclick='clear_all()'>
</div>
<div class='result'>
<div class='group clearfix'>
<label>Maturity Value (A) </label>
<input type='text' id='muva' readonly>
</div>
<div class='group clearfix'>
<label>Interest Earned Amount (I) </label>
<input type='text' id='inam' readonly>
</div>
<div id='chart1'> </div>
</div>
</form>
</div>
<script type="text/javascript">
function alert(val)
{
$("#dynErrDisp").show();
$("#dynErrDisp").html(val);
}
</script>