function header(tid, sid, hght)
{
  if (navigator.appName == "Konqueror")
    hght += 130;
  // background
  document.write("<div style='position: absolute; left: 0px; top: 0px; width: 200px; height: 200px;'>");
  document.write("<img src='images/aptechsauna.gif' border='0' width='200' height='36' name='logoBack'>");
  document.write("</div>");

  document.write("<div style='position: absolute; left: 200px; top: 0px; width: 570px; height: 36px; z-index: 0;'>");
  document.write("<img src='images/topback1.gif' border='0' width='570' height='36' name='topback'>");
  document.write("</div>");

  // main table
  document.write("<div style='position: absolute; left: 0px; top: 36px; width: 770px; height: 25px; z-index: 0;'>");
  document.write("<table width='770' border='0' cellspacing='0' cellpadding='0'>");
  document.write("  <tr>");
  document.write("    <td colspan='4' width='690'><img src='images/edge1.gif' width='690' height='1'></td>");
  document.write("    <td><img src='images/topedge.gif' width='80' height='1'></td>");
  document.write("  </tr>");
  document.write("  <tr> ");
  document.write("    <td rowspan='5' width='110'><img src='images/menu.gif' width='110' height='" + (220 + hght) + "'></td>");
  document.write("    <td colspan='3' width='580'><img src='images/menu.gif' width='580' height='25'></td>");
  document.write("    <td rowspan='5' width='80'><img src='images/tail.gif' width='80' height='" + (220 + hght) + "'></td>");
  document.write("  </tr>");
  document.write("  <tr> ");
  document.write("    <td rowspan='3' width='1'><img src='images/edge.gif' width='1' height='" + (170 + hght) + "'></td>");
  document.write("    <td width='578'><img src='images/edge.gif' width='578' height='1'></td>");
  document.write("    <td rowspan='3' width='1'><img src='images/edge1.gif' width='1' height='" + (170 + hght) + "'></td>");
  document.write("  </tr>");
  document.write("  <tr> ");
  document.write("    <td bgcolor='white'>");
  document.write("      <table>");
  document.write("        <tr>");
  document.write("          <td width='15'>&nbsp;</td>");
  document.write("          <td class='clsContent' align='left'>");
 

  // main buttons

  document.write("<div id='welDiv' style='position: absolute; left: 220px; top: -19px; width: 70px; height: 20px; z-index: 1; cursor: hand;'>");
  document.write("<a href='index.html'>");
  if (tid == "0")
    document.write("<img src='images/welcomeG.gif' border='0' width='70' height='20' alt='Welcome' name='welcome'></a>");
  else
    document.write("<img src='images/welcomeGB.gif' border='0' width='70' height='20' alt='Welcome' name='welcome'></a>");
  document.write("</div>");

  document.write("<div id='howDiv' style='position: absolute; left: 290px; top: -19px; width: 100px; height: 20px; z-index: 1; cursor: hand;'>");
  document.write("<a href='howto.html'>");
  if (tid == "1")
    document.write("<img src='images/howToUseG.gif' border='0' width='100' height='20' alt='How to Use' name='how' ></a>");
  else
    document.write("<img src='images/howToUseGB.gif' border='0' width='100' height='20' alt='How to Use' name='how' ></a>");
  document.write("</div>");

  document.write("<div id='proDiv' style='position: absolute; left: 390px; top: -19px; width: 70px; height: 20px; z-index: 1; cursor: hand;'>");
  document.write("<a href='product.html'>");
  if (tid == "2")
    document.write("<img src='images/productG.gif' border='0' width='70' height='20' alt='Product' name='product'></a>");
  else
    document.write("<img src='images/productGB.gif' border='0' width='70' height='20' alt='Product' name='product'></a>");
  document.write("</div>");

  document.write("<div id='ordDiv' style='position: absolute; left: 460px; top: -19px; width: 70px; height: 20px; z-index: 1; cursor: hand;'>");
  document.write("<a href='order0.html'>");
  if (tid == "3")
    document.write("<img src='images/orderG.gif' border='0' width='70' height='20' alt='Order' name='order'></a>");
  else
    document.write("<img src='images/orderGB.gif' border='0' width='70' height='20' alt='Order' name='order'></a>");
  document.write("</div>");

  document.write("<div style='position: absolute; left: 10px; top: 15px; width: 70px; height: 10px; color: black; font-size: 8pt; font-weight: bold;'>");
  document.write("US$" + unitPrice);
  document.write("</div>");

  document.write("<div style='position: absolute; left: 10px; top: 35px; width: 88px; height: 112px;'>");
  document.write("<a href='product.html'><img src='images/thumbNail.gif' border='0' width='88' height=112' name='AptechSauna'></a>");
  document.write("</div>");

  // site map
  document.write("<div class='clsFrame' style='position: absolute; left: 10px; top: 210px;'>");
  document.write("<a href='index.html'> Home </a><br>");
  document.write("<a href='why.html'> Why Sauna? </a><br>");
  document.write("<a href='howto.html'> How to Use? </a><br>");
  document.write("<a href='installation.html'> Installation </a><br>");
  document.write("<a href='precautions.html'> Precautions </a><br>");
  document.write("<a href='product.html'> Product </a><br>");
  document.write("<a href='evaporator.html'> Evaporator </a><br>");
  document.write("<a href='pump.html'> Pump </a><br>");
  document.write("<a href='order0.html'> Purchase </a><br>");
  document.write("<a href='sales.html'> Sales Policy </a><br>");
  document.write("<a href='links.html'> Links </a> ");
  document.write("</div>");

  // sub buttons
  if (tid == "0")
  {
    if (sid == "0")
      document.write("<div style='position: absolute; left: 119px; top: 7px; z-index: 0;'><img src='images/home.gif' border='0' width='130' height='20' name='subhome'></div>");
    else
      document.write("<div style='position: absolute; left: 119px; top: 7px; z-index: 0;'><a href='index.html'><img src='images/homeB.gif' border='0' width='130' height='16' name='subhome'></a></div>");
    if (sid == "1")
      document.write("<div style='position: absolute; left: 253; top: 7px; z-index: 0;'><img src='images/why.gif' border='0' width='130' height='20' name='subwhy'></div>");
    else
      document.write("<div style='position: absolute; left: 253px; top: 7px; z-index: 0;'><a href='why.html'><img src='images/whyB.gif' border='0' width='130' height='16' name='subwhy'></a></div>");
    if (sid == "3")
      document.write("<div style='position: absolute; left: 387px; top: 7px; z-index: 0;'><img src='images/links.gif' border='0' width='130' height=20' name='sublinks'></div>");
    else
      document.write("<div style='position: absolute; left: 387px; top: 7px; z-index: 0;'><a href='links.html'><img src='images/linksB.gif' border='0' width='130' height='16' name='sublinks'></a></div>");
  }
  else if (tid == "1")
  {
    if (sid == "0")
      document.write("<div style='position: absolute; left: 119px; top: 7px; z-index: 0;'><img src='images/direction.gif' border='0' width='130' height='20' name='subdirection'></div>");
    else
      document.write("<div style='position: absolute; left: 119px; top: 7px; z-index: 0;'><a href='howto.html'><img src='images/directionB.gif' border='0' width='130' height='16' name='subdirection'></a></div>");
    if (sid == "1")
      document.write("<div style='position: absolute; left: 253px; top: 7px; z-index: 0;'><img src='images/installation.gif' border='0' width='130' height='20' name='subinstallation'></div>");
    else
      document.write("<div style='position: absolute; left: 253px; top: 7px; z-index: 0;'><a href='installation.html'><img src='images/installationB.gif' border='0' width='130' height='16' name='subinstallation'></a></div>");
    if (sid == "2")
      document.write("<div style='position: absolute; left: 387px; top: 7px; z-index: 0;'><img src='images/precautions.gif' border='0' width='130' height='20' name='subprecautions'></div>");
    else
      document.write("<div style='position: absolute; left: 387px; top: 7px; z-index: 0;'><a href='precautions.html'><img src='images/precautionsB.gif' border='0' width='130' height='16' name='subprecautions'></a></div>");
  }
  else if (tid == "2")
  {
    if (sid == "0")
      document.write("<div style='position: absolute; left: 119px; top: 7px; z-index: 0;'><img src='images/aptsauna.gif' border='0' width='130' height='20' name='subaptsauna'></div>");
    else
      document.write("<div style='position: absolute; left: 119px; top: 7px; z-index: 0;'><a href='product.html'><img src='images/aptsaunaB.gif' border='0' width='130' height='16' name='subaptsauna'></a></div>");
    if (sid == "1")
      document.write("<div style='position: absolute; left: 253px; top: 7px; z-index: 0;'><img src='images/evap.gif' border='0' width='130' height='20' name='subevap'></div>");
    else
      document.write("<div style='position: absolute; left: 253px; top: 7px; z-index: 0;'><a href='evaporator.html'><img src='images/evapB.gif' border='0' width='130' height='16' name='subevap'></a></div>");
    if (sid == "2")
      document.write("<div style='position: absolute; left: 387px; top: 7px; z-index: 0;'><img src='images/pedal.gif' border='0' width='130' height='20' name='subpedal'></div>");
    else
      document.write("<div style='position: absolute; left: 387px; top: 7px; z-index: 0;'><a href='pump.html'><img src='images/pedalB.gif' border='0' width='130' height='16' name='subpedal'></a></div>");
  }
  else if (tid == "3")
  {
    if (sid == "0")
      document.write("<div style='position: absolute; left: 119px; top: 7px; z-index: 0;'><img src='images/shop.gif' border='0' width='130' height='20' name='subshop'></div>");
    else
      document.write("<div style='position: absolute; left: 119px; top: 7px; z-index: 0;'><a href='order0.html'><img src='images/shopB.gif' border='0' width='130' height='16' name='subshop'></a></div>");
    if (sid == "1")
      document.write("<div style='position: absolute; left: 253px; top: 7px; z-index: 0;'><img src='images/policy.gif' border='0' width='130' height='20' name='subpolicy'></div>");
    else
      document.write("<div style='position: absolute; left: 253px; top: 7px; z-index: 0;'><a href='sales.html'><img src='images/policyB.gif' border='0' width='130' height='16' name='subpolicy'></a></div>");
  }

}

function tailer()
{
  document.write("          </td>");
  document.write("          <td width='15'>&nbsp;</td>");
  document.write("    	  </tr>");
  document.write("      </table>");
  document.write("    </td>");
  document.write("  </tr>");
  document.write("  <tr> ");
  document.write("    <td width='578' valign='bottom'><img src='images/edge1.gif' width='578' height='1'></td>");
  document.write("  </tr>");
  document.write("  <tr> ");
  document.write("    <td colspan='3' width='580' align='right' valign='top' bgcolor='#c5dfbd' class='clsFrame'><img src='images/menu.gif' width='30' height='22'>Copyright &copy; 2000-" + theYear + " Aptech Services, LLC. All rights reserved</td>" );
  document.write("  </tr>");
  document.write("  <tr> ");
  document.write("    <td colspan='4' width='690'><img src='images/edge.gif' width='690' height='1'></td>");
  document.write("    <td><img src='images/botedge.gif' width='80' height='1'></td>");
  document.write("  </tr>");
  document.write("</table><br><br><br><br>");
  document.write("</div>");
}