/***************************************/
/* Simple Interest Calculator          */
/* Copyright MathExpression.com        */
/* http://www.mathexpression.com       */
/* By Ng Wei Chong                     */
/***************************************/

  //globals
  var vInterest, vPrincipal, vRate , vDuration, vDurationType;
  var vResult;
  var szTable = new Array(10);
  var nTableCount = 0;
 
function startCalc()
{ 
   //clear the alert message;
   document.getElementById('alertMessage').innerHTML ='';
	
	
	//ensure only numbers are entered
	if((isNaN(document.interestCalc.I1.value) && document.interestCalc.I1.disabled == '') || 
	   (isNaN(document.interestCalc.I2.value) && document.interestCalc.I2.disabled == '') || 
	   (isNaN(document.interestCalc.I3.value) && document.interestCalc.I3.disabled == '') || 
	   (isNaN(document.interestCalc.I4.value) && document.interestCalc.I4.disabled == ''))
	   {
	   		document.getElementById('alertMessage').innerHTML ='*Please enter numbers only';
	   		return;
	   }
	   
	   
	   
	
	//make sure no fields are left blank
	if(document.interestCalc.I1.value == '' || 
	   document.interestCalc.I2.value == '' || 
	   document.interestCalc.I3.value == '' || 
	   document.interestCalc.I4.value == '' )
		{
			document.getElementById('alertMessage').innerHTML ='*Please enter numbers into the empty box(s)';
			return;
		}
		
	
   //make sure no fields are > 0 or !=0
	if(document.interestCalc.I1.value <= 0 || document.interestCalc.I2.value <= 0 || document.interestCalc.I3.value <= 0 || document.interestCalc.I4.value <= 0)
		{
			
			document.getElementById('alertMessage').innerHTML ='*Please enter numbers that are greater than 0';
			return;
		}
  	
 		
		
  //clear the alert message;
  document.getElementById('alertMessage').innerHTML ='';
  
  //init
  szTable[0]= szTable[1] = szTable[2] = szTable[3] = szTable[4] = szTable[5] = szTable[6] = szTable[7] = szTable[8] = szTable[9] = '';
  nTableCount = 0;

  //init var vInterest, vPrincipal, vRate , vDuration, vDurationType;
  
	//Now get the numbers	
	vInterest = document.interestCalc.I1.value;
	vPrincipal = document.interestCalc.I2.value;
	vRate = document.interestCalc.I3.value;
	vDuration = document.interestCalc.I4.value;
	
    vDurationType = document.interestCalc.DurationType.value;
    
    //convert duration to year first
    if(vDurationType == '1') //months
    	vDuration = vDuration/12; //divide by 12 months
   	else if(vDurationType == '2') //days
 		vDuration = vDuration/365; //divide by 365 days
 		
 		vDuration = roundNumber(vDuration,6);
 		
   	    
    
	//start calculating	
    switch(document.interestCalc.CalcType.value)
    {//sw
      case '0':
      	 CalcSimpleInterest();
      break;
      
      case '1':
         CalcPrincipal();
      break;
      
      case '2':
         CalcInterestRate();
       break;
      
      case '3':
      	CalcDuration();
       break;
       
    
    }//sw
   
}

function roundNumber(num, dec) 
{

	var result = Math.round( Math.round( num * Math.pow( 10, dec + 1 ) ) / Math.pow( 10, 1 ) ) / Math.pow(10,dec);
	return result;
}

function CalcSimpleInterest()
{
   vResult = (vPrincipal*vRate*vDuration)/100;
   vResult = roundNumber(vResult,2);
   
   document.getElementById('I1').disabled ='disabled';
   document.getElementById('I1').readonly = ''; 
   document.getElementById('I1').value = vResult;
	
   SimpleInterestSteps(); //show steps
   

}

function SimpleInterestSteps()
{

	ConvertDurationSteps(); // the first step if needed
	ConvertPercentSteps(); // show the percent to decimal convertion
	
	
	 var vRateToDecimal = roundNumber(vRate/100,4);

	
	/*----subsequent steps-----*/
	
	szTable[nTableCount] =  '<table id="' + 'TableStep' + (nTableCount + 1) + '" style="width: 470px;  font-size:small; font-weight:bold;" border="0" cellpadding="0" cellspacing="0"> \
								<tr>																													\
									<td style="text-align:left; padding-top:10px; padding-bottom:10px;  font-size:small; font-weight:bold; color:navy" colspan="2">Subsitute the values into the formula, <b style="color:black;">I =</b><b style="color:green;"> P</b><b style="color:#CC9900;">r</b><b style="color:magenta;">t</b>... </td>					\
								</tr>																					\
								<tr>																					\
									<td style="width: 150px; text-align:right;">I&nbsp;</td>							\
									<td style="width: 320px; text-align:left;">=</b><b style="color:green;"> P</b><b style="color:#CC9900;">r</b><b style="color:magenta;">t</b></td>	    						\
								</tr>																					\
								<tr>																					\
									<td style="width: 150px; text-align:right;">&nbsp;</td>								\
									<td style="width: 320px; text-align:left;">= '+ vPrincipal + ' &times; ' + vRateToDecimal + ' &times; ' + vDuration + '</td>		    \
								</tr>																					\
								<tr>																					\
									<td style="width: 150px; text-align:right;">&nbsp;</td>								\
									<td style="width: 320px; text-align:left;">= $' + vResult + '</td>					\
								</tr>																					\
						    </table>';
	
	nTableCount++;

	/*-------------------------*/
		
	UpdateDocument();
}



function CalcPrincipal()
{
   vResult = (vInterest/vRate/vDuration)*100;
   vResult = roundNumber(vResult,2);
      
   document.getElementById('I2').disabled ='disabled';
   document.getElementById('I2').readonly = ''; 
   document.getElementById('I2').value = vResult;
	
   PrincipalCalcSteps();
}


function PrincipalCalcSteps()
{

	ConvertDurationSteps(); // the first step if needed
	ConvertPercentSteps(); // show the percent to decimal convertion
	
	var vRateDivided = roundNumber(vRate/100,4);
	
	var vRateTimesDuration =  roundNumber(vRateDivided*vDuration,6);
	
/*

	vInterest = document.interestCalc.I1.value;
	vPrincipal = document.interestCalc.I2.value;
	vRate = document.interestCalc.I3.value;
	vDuration = document.interestCalc.I4.value;

*/	
	
	/*----subsequent steps-----*/
	
	szTable[nTableCount] =  '<table id="' + 'TableStep' + (nTableCount + 1) + '" style="width: 470px;  font-size:small; font-weight:bold;" border="0" cellpadding="0" cellspacing="0"> \
									<tr>																												\
										<td colspan="4" style="padding-top:10px; padding-bottom:10px;  font-size:small; font-weight:bold; color:navy">Subsitute the values into the formula, <b style="color:black;">I =</b><b style="color:green;">P</b><b style="color:#CC9900;">r</b><b style="color:magenta;">t</b>... </td>															\
									</tr>																												\
									<tr>																												\
										<td style=" text-align:right;" colspan="2">&nbsp;</td>															\
										<td style="text-align:right;"> 	 	I &nbsp;</td>													\
										<td style="width: 320px; text-align:left;">=</b><b style="color:green;"> P</b><b style="color:#CC9900;">r</b><b style="color:magenta;">t</b></td>												\
									</tr>																												\
									<tr>																												\
										<td style=" text-align:right;" colspan="2">=&gt;</td>															\
										<td style=" text-align:right;">'+ vInterest + '&nbsp;' +'</td>										\
										<td style="width: 320px; text-align:left;">= ' + '<b style="color:green;"> P</b> &times; ' + vRateDivided + ' &times; ' + vDuration + '</td>	\
									</tr>																												\
									<tr>																												\
										<td style="text-align:right;" colspan="2">=&gt;</td>															\
										<td style="text-align:right;"">'+ vInterest + '&nbsp;' +'</td>										\
										<td style="width: 320px; text-align:left;">= '+ vRateTimesDuration + '<b style="color:green;">P</b></td>					\
									</tr>';

				if(vRateTimesDuration == 1)
				{
								
										szTable[nTableCount] = szTable[nTableCount] + '<tr>	\																											\
														<td style="text-align:left; padding-top:10px; padding-bottom:10px; font-size:small; font-weight:bold; color:navy" colspan="4">Now, <b style="color:black">1</b><b style="color:green;">P</b> is the same as <b style="color:green;">P</b>...</b></td>							\
													</tr>																												\
													<tr>																												\
													<td style=" text-align:right;">Hence,</td>																		\
														<td style=" text-align:right;" colspan="2"><b style="color:green;">P</b>&nbsp;</td>															\
														<td style=" text-align:left;">= $' + vResult + '</td>												\
													</tr>																												\
													<tr>																												\
														<td style=" text-align:right;">&nbsp;</td>																		\
														<td style=" text-align:right;" colspan="2">&nbsp;</td>											\
														<td style=" text-align:left;">&nbsp;</td>																			\
																																\
													</tr>																												\
													<tr>																												\
														<td style=" text-align:right;">&nbsp;</td>																		\
														<td style=" text-align:right;" colspan="2">&nbsp;</td>															\
														<td style=" text-align:left;">&nbsp;</td>															\
																														\
													</tr>																												\
											</table>';

				
				
				}
				else
				{
																																									
						szTable[nTableCount] = szTable[nTableCount] + '<tr>	\																											\
														<td style="text-align:left; padding-top:10px; padding-bottom:10px; font-size:small; font-weight:bold; color:navy" colspan="4">To find <b style="color:green;">P</b>, divide both sides of the equation with <b style="color:maroon">' + vRateTimesDuration + '</b>...</td>							\
													</tr>																												\
													<tr>																												\
														<td style=" text-align:right;">&nbsp;</td>																		\
														<td style=" text-align:right;" colspan="2">' + vInterest + '&nbsp;<sup style="color:maroon">&divide;' + vRateTimesDuration + '</sup>&nbsp;</td>															\
																		\
														<td style=" text-align:left;">= '+ vRateTimesDuration + '<b style="color:green;">P</b>&nbsp;<sup style="color:maroon">&divide;'+ vRateTimesDuration + '</sup>&nbsp;</td>	\
																														\
													</tr>																												\
													<tr>																												\
														<td style=" text-align:right;">=&gt;</td>																		\
														<td style=" text-align:right;" colspan="2">' + vResult + '&nbsp;</td>											\
														<td style=" text-align:left;">= <b style="color:green;">P</b></td>																			\
																																\
													</tr>																												\
													<tr>																												\
														<td style=" text-align:right;">Hence,</td>																		\
														<td style=" text-align:right;" colspan="2"><b style="color:green;">P</b>&nbsp;</td>															\
														<td style=" text-align:left;">= $' + vResult + '</td>															\
																														\
													</tr>																												\
											</table>';
				}	
				
	nTableCount++;

	/*-------------------------*/
	UpdateDocument();
	
}



function CalcInterestRate()
{
   vResult = (vInterest/vPrincipal/vDuration)*100;
   vResult = roundNumber(vResult,2);
   
   document.getElementById('I3').disabled ='disabled';
   document.getElementById('I3').readonly = ''; 
   document.getElementById('I3').value = vResult;
   InterestCalcSteps();

}

function InterestCalcSteps()
{

	ConvertDurationSteps(); // the first step if needed
	
	
	var vInterestDecimal = vInterest/(vPrincipal*vDuration);
	var vPrincipalTimesDuration =  roundNumber(vPrincipal*vDuration,6);
	
	vInterestDecimal = roundNumber( vInterestDecimal, 4); 
	//ConvertPercentSteps(); // show the percent to decimal convertion
	
	
	
	/*----subsequent steps-----*/
	
	szTable[nTableCount] =  '<table id="' + 'TableStep' + (nTableCount + 1) + '" style="width: 470px;  font-size:small; font-weight:bold;" border="0" cellpadding="0" cellspacing="0"> \
									<tr>																						\
										<td colspan="4" style="padding-top:10px; padding-bottom:10px;  font-size:small; font-weight:bold; color:navy">Subsitute the values into the formula, <b style="color:black;">I =</b><b style="color:green;">P</b><b style="color:#CC9900;">r</b><b style="color:magenta;">t</b>... </td>										\
									</tr>																						\
									<tr>																						\
										<td style="width: 50px; text-align:right;" colspan="2">&nbsp;</td>						\
										<td style="text-align:right;"> 	 	I &nbsp;</td>							\
										<td style="width: 320px; text-align:left;">=&nbsp;<b style="color:green;">P</b><b style="color:#CC9900;">r</b><b style="color:magenta;">t</b></td>						\
									</tr>																						\
									<tr>																						\
										<td style="width: 50px; text-align:right;" colspan="2">=&gt;</td>						\
										<td style="text-align:right;">'+ vInterest + '&nbsp;' +'</td>										\
										<td style="width: 320px; text-align:left;">= ' + vPrincipal + ' &times; <b style="color:#CC9900;">r</b> &times; ' + vDuration + '</td>					\
									</tr>																						\
									<tr>																						\
										<td style="width: 50px; text-align:right;" colspan="2">=&gt;</td>						\
										<td style="text-align:right;">'+ vInterest + '&nbsp;' +'</td>						 \
										<td style="width: 320px;  text-align:left;">= '+ vPrincipalTimesDuration + '<b style="color:#CC9900;">r</b></td>\
									</tr>																						\
									<tr>																						\
										<td style="text-align:left; padding-top:10px; padding-bottom:10px;  font-size:small; font-weight:bold; color:navy" colspan="4">To find <b style="color:#CC9900;">r</b>, divide both sides of the equation with <b style="color:maroon">' + vPrincipalTimesDuration + '</b>... </td>				\
									</tr>																						\
									<tr>																						\
										<td style="width: 50px; text-align:right;">&nbsp;</td>									\
										<td style=" text-align:right;" colspan="2">'+ vInterest + '&nbsp;<sup style="color:maroon">&divide;' + vPrincipalTimesDuration + '&nbsp;</sup></td>				\
										<td style=" text-align:left;">= '+ vPrincipalTimesDuration + '<b style="color:#CC9900;">r</b>&nbsp;<sup style="color:maroon">&divide;' + vPrincipalTimesDuration + '</sup></td>					\
									</tr>																						\
									<tr>																						\
										<td style="width: 50px; text-align:right;">=&gt;</td>									\
										<td style=" text-align:right;" colspan="2">' + vInterestDecimal + ' &nbsp;</td>						\
										<td style=" text-align:left;">= <b style="color:#CC9900;">r</b></td>										\
									</tr>																						\
									<tr>																						\
										<td style="width: 50px; text-align:right;">Hence,</td>									\
										<td style=" text-align:right;" colspan="2"><b style="color:#CC9900;">r</b>&nbsp;</td>						\
										<td style=" text-align:left;">=&nbsp;' + vInterestDecimal + '</td>									\
									</tr>																						\
							</table>';
	
	nTableCount++;
	

	
	/*-------------------------*/
	ConvertDecimalToPercentSteps();
	UpdateDocument();
	
}



function CalcDuration()
{
   vResult = (vInterest/vPrincipal/vRate)*100;
   vResult = roundNumber(vResult,2);
      
   document.getElementById('I4').disabled ='disabled';
   document.getElementById('I4').readonly = ''; 
   document.getElementById('I4').value = vResult;
   
   DurationCalcSteps();

}

function DurationCalcSteps()
{

//	ConvertDurationSteps(); // the first step if needed
	ConvertPercentSteps(); // show the percent to decimal convertion
	
	var vType;
		
    //get duration type
    if(vDurationType == '0') //months
    {
    	vType = 'year';
    }
    else  if(vDurationType == '1') //months
    {
    	vType = 'month';
    }
   	else if(vDurationType == '2') //days
	{
 		vType = 'day'; 
 	}
	
	/*----subsequent steps-----*/
	
	szTable[nTableCount] =  '<table id="' + 'TableStep' + (nTableCount + 1) + '" style="width: 470px;  font-size:small; font-weight:bold;" border="0" cellpadding="0" cellspacing="0"> \
									<tr>																						\
										<td colspan="4" style="padding-top:10px; padding-bottom:10px;  font-size:small; font-weight:bold; color:navy">Subsitute the values into the formula, <b style="color:black;">I =</b><b style="color:green;">P</b><b style="color:#CC9900;">r</b><b style="color:magenta;">t</b>... </td>										\
									</tr>																						\
									<tr>																						\
										<td style="width: 50px; text-align:right;" colspan="2">&nbsp;</td>						\
										<td style="text-align:right;"> 	 	I &nbsp;</td>							\
										<td style="width: 320px; text-align:left;">=&nbsp;<b style="color:green;">P</b><b style="color:#CC9900;">r</b><b style="color:magenta;">t</b></td>						\
									</tr>																						\
									<tr>																						\
										<td style="width: 50px; text-align:right;" colspan="2">=&gt;</td>						\
										<td style="text-align:right;">'+ vInterest + '&nbsp;' +'</td>										\
										<td style="width: 320px; text-align:left;">= ' + vPrincipal + ' &times; ' + vRate/100 + ' &times; ' + '<b style="color:magenta;">t</b></td>					\
									</tr>																						\
									<tr>																						\
										<td style="width: 50px; text-align:right;" colspan="2">=&gt;</td>						\
										<td style="text-align:right;">'+ vInterest + '&nbsp;' +'</td>						 \
										<td style="width: 320px; text-align:left;">= '+ (vRate*vPrincipal)/100 + '<b style="color:magenta;">t</b></td>\
									</tr>																						\
									<tr>																						\
										<td style="text-align:left; padding-top:10px; padding-bottom:10px;  font-size:small;  font-weight:bold; color:navy" colspan="4">To find <b style="color:magenta;">t</b>, divide both sides of the equation with <b style="color:maroon">' + (vRate*vPrincipal)/100 + '</b>...</td>				\
									</tr>																						\
									<tr>																						\
										<td style=" text-align:right;">&nbsp;</td>									\
										<td style=" text-align:right;" colspan="2">'+ vInterest + '&nbsp;<sup style="color:maroon">&divide;' + (vRate*vPrincipal)/100 + '&nbsp;</sup></td>				\		\
										<td style=" text-align:left;">= '+ (vRate*vPrincipal)/100 + '<b style="color:magenta;">t</b>&nbsp<sup style="color:maroon">&divide;' + (vRate*vPrincipal)/100 + '</sup></td>					\			\
									</tr>																						\
									<tr>																						\
										<td style=" text-align:right;">=&gt;</td>									\
										<td style=" text-align:right;" colspan="2">' + vResult + '&nbsp;</td>						\									\
										<td style=" text-align:left;">= <b style="color:magenta;">t</b></td>										\
									</tr>																						\
									<tr>																						\
										<td style=" text-align:right;">Hence,</td>									\
										<td style=" text-align:right;" colspan="2"><b style="color:magenta;">t</b>&nbsp;</td>						\
										<td style=" text-align:left;">=&nbsp;' + vResult + '&nbsp;' + vType + '</td>									\
									</tr>																						\
							</table>';
	
	nTableCount++;

	/*-------------------------*/
	UpdateDocument();
	
}



function UpdateDocument()
{

 var szTableName;
 
	 for(var nCount = 1; nCount <= nTableCount; nCount++)
	 {
	  szTableName = 'TableStep' + nCount;
	  //alert(szTableName);
	  document.getElementById(szTableName).innerHTML = szTable[nCount-1];
	 }
	  
	 for(var nCount = nTableCount; nCount <10; nCount++)
	 {
	  szTableName = 'TableStep' + (nCount + 1);
	  //alert(szTableName);
	  document.getElementById(szTableName).innerHTML = '';
	 }
	
	  //set the message;
	  document.getElementById('alertMessage').innerHTML ='<b style="color:navy">*See the answer and explanation below...</b>';

}


function ChangeEditBoxStatus()
{
	var selValue =  document.getElementById('CalcType').value; 
	
	switch (selValue)
	{//sw
		
		case '0':
				  	
		    document.getElementById('I1').disabled='disabled';
		    document.getElementById('I1').readonly = 'readonly';
			document.getElementById('I1').value='To Calculate';	 		
		  	
		  	document.getElementById('I2').disabled='';
		  	document.getElementById('I2').readonly = '';
	 		document.getElementById('I2').value='';
		  	
		  	document.getElementById('I3').disabled='';
		  	document.getElementById('I3').readonly = '';
	 		document.getElementById('I3').value='';
		  	
		  	document.getElementById('I4').disabled='';
		  	document.getElementById('I4').readonly = '';
	 		document.getElementById('I4').value='';
	 		
	 		document.getElementById('DurationType').disabled='';
	 		document.getElementById('DurationType').value='0';


	    break;

		case '1':
		  	
		  	document.getElementById('I1').disabled='';
		  	document.getElementById('I1').readonly = '';
	 		document.getElementById('I1').value='';
	 		
		  	document.getElementById('I2').disabled='disabled';
		  	document.getElementById('I2').readonly = 'readonly';
	 		document.getElementById('I2').value='To Calculate';

		  	document.getElementById('I3').disabled='';
		  	document.getElementById('I3').readonly = '';
	 		document.getElementById('I3').value='';
		  	
		  	document.getElementById('I4').disabled='';
		  	document.getElementById('I4').readonly = '';
	 		document.getElementById('I4').value='';
	 		
	 		document.getElementById('DurationType').disabled='';
	 		document.getElementById('DurationType').value='0';


	    break;
	  
		case '2':
		  	
		  	document.getElementById('I1').disabled='';
		  	document.getElementById('I1').readonly = '';
	 		document.getElementById('I1').value='';
	 		
		  	document.getElementById('I2').disabled='';
		  	document.getElementById('I2').readonly = '';
	 		document.getElementById('I2').value='';

		  	document.getElementById('I3').disabled='disabled';
		  	document.getElementById('I3').readonly = 'readonly';
	 		document.getElementById('I3').value='To Calculate';
		  	
		  	document.getElementById('I4').disabled='';
		  	document.getElementById('I4').readonly = '';
	 		document.getElementById('I4').value='';
	 		
	 		document.getElementById('DurationType').disabled='';
	 		document.getElementById('DurationType').value='0';


	    break;
	    
		case '3':
		  	
		  	document.getElementById('I1').disabled='';
		  	document.getElementById('I1').readonly = '';
	 		document.getElementById('I1').value='';
	 		
		  	document.getElementById('I2').disabled='';
		  	document.getElementById('I2').readonly = '';
	 		document.getElementById('I2').value='';

		  	document.getElementById('I3').disabled='';
		  	document.getElementById('I3').readonly = '';
	 		document.getElementById('I3').value='';
		  	
		  	document.getElementById('I4').disabled='disabled';
		  	document.getElementById('I4').readonly = 'readonly';
	 		document.getElementById('I4').value='To Calculate';
	 		
	 		document.getElementById('DurationType').disabled='disabled';
	 		document.getElementById('DurationType').value='0';

	 		
	 		

	    break;


		default:
		  break;

	}//sw 
		
  
  //clear the alert message and steps
  
  document.getElementById('alertMessage').innerHTML ='';
  szTable[0]= szTable[1] = szTable[2] = szTable[3] = szTable[4] = szTable[5] = szTable[6] = szTable[7] = szTable[8] = szTable[9] = '';
  nTableCount = 0;

   var szTableName;
 
	 for(var nCount = 1; nCount <= nTableCount; nCount++)
	 {
	  szTableName = 'TableStep' + nCount;
	  //alert(szTableName);
	  document.getElementById(szTableName).innerHTML = szTable[nCount-1];
	 }
	  
	 for(var nCount = nTableCount; nCount <10; nCount++)
	 {
	  szTableName = 'TableStep' + (nCount + 1);
	  //alert(szTableName);
	  document.getElementById(szTableName).innerHTML = '';
	 }

  
}



function ConvertDurationSteps()
{

	var vType;
	var vDurationLength = document.interestCalc.I4.value;
	var vDivisor;
		
    //convert duration to year first
    if(vDurationType == '1') //months
    {
    	vType = 'month';
    	vDivisor = 12;
    }
   	else if(vDurationType == '2') //days
	{
 		vType = 'day'; 
 		vDivisor = 365;
 	}
	else if(vDurationType == '0') //year - not need to convert
		return;
	 			   	
	szTable[nTableCount] =  '<table id="' + 'TableStep' + (nTableCount + 1) + '" style="width: 470px;  font-size:small; font-weight:bold;" border="0" cellpadding="0" cellspacing="0"> \
							<tr>																											\
									<td style="text-align:left; padding-top:10px; padding-bottom:10px;  font-size:small; font-weight:bold; color:navy" colspan="2">' + 'Convert ' + vDurationLength  + ' ' + vType + '(s) to year...' + '</td>		\
								</tr>																										\
								<tr>																										\
									<td style="width: 150px; text-align:right;">' + vDurationLength +' '+ vType + '&nbsp;</td>					\
									<td style="width: 320px;text-align:left;"> = ' + vDurationLength +' &divide; ' + vDivisor + '</td>		\
								</tr>																										\
								<tr>																										\
									<td style="width: 150px;text-align:right;">&nbsp;</td>													\
									<td style="width: 320px;text-align:left;">= '+ vDuration + ' year</td>									\
								</tr>																										\
							</table>';

   	nTableCount++;


}




function ConvertPercentSteps()
{
	 			   	
	var vDecimal;
	vDecimal = roundNumber(vRate/100,4);			

   	
	szTable[nTableCount] =  '<table id="' + 'TableStep' + (nTableCount + 1) + '" style="width: 470px;  font-size:small; font-weight:bold;" border="0" cellpadding="0" cellspacing="0"> \
							<tr>																											\
									<td style="text-align:left; padding-top:10px; padding-bottom:10px; font-size:small; font-weight:bold; color:navy" colspan="2" >' + 'Convert ' + vRate + '% to a decimal...' + '</td>		\
								</tr>																										\
								<tr>																										\
									<td style="width: 150px; text-align:right;">' + vRate + '%&nbsp;' + '</td>   								\
									<td style="width: 320px;text-align:left;"> = ' + vRate +' &divide; 100' + '</td>						\
								</tr>																										\
								<tr>																										\
									<td style="width: 150px;text-align:right;">&nbsp;</td>													\
									<td style="width: 320px;text-align:left;">= '+ vDecimal + '</td>									\
								</tr>																										\
							</table>';

   	nTableCount++;


}



function ConvertDecimalToPercentSteps()
{

	var vIntDecimal = vInterest/(vPrincipal*vDuration);
	vIntDecimal = roundNumber( vIntDecimal, 4); 

	szTable[nTableCount] =  '<table id="' + 'TableStep' + (nTableCount + 1) + '" style="width: 470px;  font-size:small; font-weight:bold;" border="0" cellpadding="0" cellspacing="0"> \
							<tr>																											\
									<td style="text-align:left; padding-top:10px; padding-bottom:10px;  font-size:small; font-weight:bold; color:navy" colspan="2" >' + 'Now, <b style="color:#CC9900;">r</b> should be in %. So, let&#39;s convert &nbsp;' + vIntDecimal + ' to percent...' + '</td>		\
								</tr>																										\
								<tr>																										\
									<td style="width: 150px; text-align:right;"><b style="color:#CC9900;">r</b>&nbsp;</td>   								\
									<td style="width: 320px; text-align:left;"> = ' + vIntDecimal +' &times; 100%' + '</td>						\
								</tr>																										\
								<tr>																										\
									<td style="width: 150px; text-align:right;">&nbsp;</td>													\
									<td style="width: 320px; text-align:left;">= '+ vResult + '%</td>									\
								</tr>																										\
							</table>';

   	nTableCount++;


}