<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

   <head>
      <title> Quadratic Spline Fit to Empirical nfx Data </title>
      <script language="JavaScript" src="QSFit.js">   </script>
   </head>
   
   <body style="font-family: arial; background-color: rgb(255, 255, 255); color: rgb(204, 0, 0);" link="#0000ff" vlink="#800080" alink="#ff0000">
   
      <form name="MainForm" method="post" >
      
<!-- Outer table (3x2) starts here -->      
            <table cellpadding="0" cellspacing="0" border="0" style="text-align: left; width: 950px; height: 500px;">
               <caption>
                  <font style="font-weight: bold;">Quadratic Spline Fertility Schedules</font><br>
                   <font size="-1">
                              This program performs unweighted least squares fits to nfx data, using Quadratic
                              Spline fertility schedules as described in 
                      <a href="http://www.demographic-research.org/Volumes/Vol9/5/" target="paper">Schmertmann [2003]</a>
                   </font>
               </caption>
               <tbody>
               
<!-- Start first row of Outer table, contains link to documentation -->                     
                  <tr>
                     <td style="vertical-align: top; width: 50%; height: 2%;" rowspan="1" colspan="2">
                           <div style="text-align: left;">
                              <a href="qsfit_documentation.html"  target="instruct" style="color: rgb(51, 51, 255);">
                              <font  style="font-weight: bold;" size="-1"> Instructions</font>
                              </a>
                           </div>
                     </td>
                  </tr>
<!-- first row of Outer table ends here -->

<!-- Start second row of Outer table, contains Data and Parms on left, top half of Reports on right -->                                       
                  <tr>
                     <td style="vertical-align: top; width: 50%;">
                        <div style="text-align: center;">
                        </div>
                        <table cellpadding="0" cellspacing="0" border="0"
                           style="text-align: left; width: 100%; height: 100%;">
                           <tbody>
                              <tr align="center">
                                 <td style="vertical-align: top; height: 3%; width: 45%;" rowspan="1" colspan="3">
                                    <b>Data and Parameters</b>
                                 </td>
                              </tr>
                              <tr>
                              
                                 <td style="vertical-align: top; width: 45%; height: 25%;">
                                    <font size="-1"><b>Type or paste (x,f) data here:</b></font> <br>
                                    <textarea name="data" rows="7" cols="22"></textarea> <br>
                                    <input type="button" value="Example1" onclick="LoadExampleData(this.form,5)">
                                    <input type="button" value="Example2" onclick="LoadExampleData(this.form,1)">                                    
                                 </td>
                                 
                                 <td style="vertical-align: top; width: 20%; text-align: center;">
                                    <font size="-1"><b> Actions:</b></font> <br>
                                    <input type="button" value="1. Set Data "  onclick="SetupData(this.form)"><br>
                                    <input type="button" value="2. Fit Model"  onclick="QSFit(this.form)"><br>
                                    <input type="button" value="Reset"           onclick="RestoreDefault(this.form)">
                                 </td>
                                 
                                 <td style="vertical-align: top;">
                                    <font size="-1"><b>       Parameters:</b></font><br>
                                    
                                              R  
                                    <input type="text" name="R_text" size="6" value=".200"> <br>
                                    
                                              α  
                                    <input type="text" name="alpha_text" size="6" value="14"><br>
                                    
                                              P  
                                    <input type="text" name="P_text" size="6" value="23"><br>
                                    
                                              H  
                                    <input type="text" name="H_text" size="6" value="33">
                                 </td>
                                 
                              </tr>
                           </tbody>
                        </table>
                        <br>
                     </td>
                     
                     <td style="vertical-align: top;" rowspan="2" colspan="1">
                        <table cellpadding="0" cellspacing="0" border="0"
                           style="text-align: left; width: 100%; height: 100%;">
                           <tbody>
                              <tr>
                                 <td style="vertical-align: top; background-color: rgb(255, 255, 255); height: 5%;">
                                    <b>Select Report Type</b>
                                    <select name="ReportType" onchange="ShowReport(this.form,this.form.ReportType.value)">
                                       <option value="Data"> Input Data</option>
                                       <option value="Iter"> Parameter Estimation</option>
                                       <option value="FitN"> Observed and Predicted nfx values</option>
                                       <option value="Fit1"> Fitted 1fx and f(x) values</option>
                                    </select>
                                 </td>
                              </tr>
                              <tr>
                                 <td style="vertical-align: top;">
                                    <textarea name="report" rows="28" cols="55"></textarea>
                                 </td>
                              </tr>
                           </tbody>
                        </table>
                        <br>
                     </td>
                     
                  </tr>
<!-- second  row of Outer table ends here -->                                    

<!-- Start third row of Outer table, contains Graphics applet on left, bottom half of Reports on right -->                                       
                  <tr>
                     <td style="vertical-align: top; width: 50%; ">
                        <applet code="xymeter.class" name="plotapp" width="450"  height="250">
                           <param name="header" value="Quadratic Spline Fit">
                           <param name="xtitle" value="age">
                           <param name="xfrom" value="10">
                           <param name="xto" value="50">
                           <param name="yfrom" value="0">
                           <param name="yto" value="0.35">
                           <param name="abgcol" value="white">
                           <param name="maxlin" value="2">
                           <param name="lincol" value="blue,red">
                           <param name="xypairs" value="400">
                        </applet>                   
                     </td>
                  </tr>
<!-- End third row of Outer table -->                                                         

               </tbody>
            </table>
         </font>
      </form>
   </body>
</html>