function open_for_content() {
  init_pages();
  make_styles();
  open_body_for_leftnav();
  place_logo();
  make_pagelinks();
  finish_leftnav();
  prepare_main();
}

function close_from_content() {
  prepare_bottomnav();
  make_bottomnav()
  close_body();
}

function init_pages() {
  pages=new Array(); ip=-1;
  pages[++ip]='label,url';
  pages[++ip]='Meet the Practitioners,meet.htm';
  pages[++ip]='Upcoming Events,events.htm';
  pages[++ip]='Acupuncture,acupuncture.htm';
  pages[++ip]='Herbology,herbology.htm';
  pages[++ip]='Healing Arts,healingarts.htm';
  pages[++ip]='Shamanism,shamanism.htm';
  pages[++ip]='Articles,articles.htm';
  pages[++ip]='Contact Us,contact.htm';
  pages[++ip]='Links,links.htm';
  for (ip=0;ip<pages.length;++ip) {pages[ip]=pages[ip].split(',');}
}

function make_styles() {
  document.write('<style>p.pagetitle {font-family:President,Verdana, Arial, Helvetica; font-size:18pt; font-weight: bold; color:#000000; text-decoration:none;}</style>');

  document.write('<style>p.bodytext {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight: normal; color:#000000; text-decoration:none;}</style>');
  document.write('<style>p.bodytext2 {font-family:Verdana, Arial, Helvetica; font-size:11pt; font-weight: normal; color:#000000; text-decoration:none;}</style>');

  document.write('<style>li.bodytext {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight: normal; color:#000000; text-decoration:none;}</style>');

  document.write('<style>li.orangebold {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight: bold; color:#ff9933; text-decoration:none;}</style>');

  document.write('<style>p.categorytext {font-family:Verdana, Arial, Helvetica; font-size:12pt; font-weight: bold; color:#4040ff; text-decoration:none;}</style>');
  document.write('<style>p.titletext {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight: normal; color:#000000; text-decoration:none;}</style>');

  document.write('<style>A.leftnav {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight: 500; color:#ffffff; text-decoration:none;}</style>'
  +'<style fprolloverstyle>A.leftnav:hover {color: #ff9933;}</style>');

  document.write('<style>A.bottomnav1 {font-family:Verdana, Arial, Helvetica; font-size:11pt; font-weight: 500; color:#8080ff; text-decoration:none;}</style>'
  +'<style fprolloverstyle>A.bottomnav1:hover {color: #ff9933;}</style>');

  document.write('<style>A.bottomnav2 {font-family:Verdana, Arial, Helvetica; font-size:9pt; font-weight: 500; color:#8080ff; text-decoration:none;}</style>'
  +'<style fprolloverstyle>A.bottomnav2:hover {color: #ff9933;}</style>');

  document.write('<style>A.bottomnav3 {font-family:Verdana, Arial, Helvetica; font-size:11pt; font-weight: 500; color:#4040ff; text-decoration:none;}</style>'
  +'<style fprolloverstyle>A.bottomnav3:hover {color: #ff9933;}</style>');

  document.write('<style>A.bottomnav4 {font-size:9pt; font-weight: 500; color:#ffffff; text-decoration:none;}</style>'
  +'<style fprolloverstyle>A.bottomnav4:hover {color: #ff9933;}</style>');
}

function open_body_for_leftnav() {
  document.write(
  '</head><body bgcolor="#D8D8D8" marginheight="10" marginwidth="10" topmargin="10" bottommargin="10" leftmargin="10">'
  +'<table width="760" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFF5DB" >'
  +'  <tr>'
  +'<!-- leftnav -->'
  +'    <td width="267" valign="top">'
  +'<!--this table has the blue background for the left nav-->'
  +'      <table background="images/x3.jpg" width="267" valign="top" cellpadding="0" cellspacing="0" border="0">'
  +'        <tr>'
  +'          <td>'
  );
}

function place_logo() {
  document.write('<table width=220 cellspacing=4 cellpadding=0>');
    document.write('<tr><td valign="top"><center>');
    document.write('<a href="index.htm">');
    document.write('<img src="images/innerlogo2c.jpg" border=0>');
    document.write('</a>');
    document.write('</center></td></tr>');
  document.write('</table>');
}

function make_pagelinks() {
  document.write('<font size="1"><br><br></font>');
  document.write('<table width=220 cellspacing=4 cellpadding=0>');
  for (ip=1;ip<pages.length;++ip) {
    document.write('<tr><td><center><font face=Verdana, Arial, Helvetica size="2">');
    document.write('<a class="leftnav" href="'+pages[ip][1]+'">'+pages[ip][0]+'</a>');
    document.write('</font></center></td></tr>');
  }
  document.write('</table><br>');
}

function finish_leftnav() {
  document.write(
  '           </td>'
  +'        </tr>'
  +'      </table>'
  +'<!--this table has the sun image on the bottom of the left nav-->'
  +'      <table border="0" align="left" cellpadding="0" cellspacing="0" >'
  +'        <tr>'
  +'          <td>'
  +'            <img src="images/sun3.jpg" alt="Circle of healing arts sun" border="0" vspace="0"><br>'
  +'            <img src="images/x5.jpg" alt="Circle of healing arts sun" width="267" height="33" border="0" vspace="0">'
  +'          </td>'
  +'        </tr>'
  +'      </table>'
  +'    </td>'
  +'<!-- end leftnav -->'
  );
}

function prepare_main() {
  document.write(
  '<!-- right cell (760-267=493 pixels)-->'
  +'    <td height="100%" valign="top">'
  +'      <table width="100%" height="100%" border="0" align="left" cellpadding="0" cellspacing="0">'
  +'        <tr>'
  +'          <td valign="top">'
  );
}

function prepare_bottomnav() {
  document.write(
  '           </td>'
  +'        </tr>'
  +'        <tr>'
  +'          <td valign="bottom">'
  +'<!-- bottom nav -->'
  );
}

function make_bottomnav() {
  document.write('<center><table width="100%" cellspacing=0 cellpadding=0>');
  document.write('<tr><td><center><font face=Verdana, Arial, Helvetica size="3" color="#8080ff">');
  document.write('<a class="bottomnav1" href="'+pages[1][1]+'">'+pages[1][0]+'</a> | ');
  document.write('<a class="bottomnav1" href="'+pages[2][1]+'">'+pages[2][0]+'</a>');
  document.write('</font></center></td></tr>');

  document.write('<tr><td><center><font face=Verdana, Arial, Helvetica size="2" color="#8080ff">');
  for (ip=3;ip<pages.length-2;++ip) {
    document.write('<a class="bottomnav2" href="'+pages[ip][1]+'">'+pages[ip][0]+'</a>');
    if (ip<pages.length-3) {document.write(' | ');}
  }
  document.write('</font></center></td></tr>');

  document.write('<tr><td><center><font face=Verdana, Arial, Helvetica size="2" color="#8080ff">');
  document.write('<a class="bottomnav2" href="'+pages[pages.length-2][1]+'">'+pages[pages.length-2][0]+'</a> | ');
  document.write('<a class="bottomnav2" href="'+pages[pages.length-1][1]+'">'+pages[pages.length-1][0]+'</a>');
  document.write('</font></center></td></tr>');

  document.write('</table></center><font size="1"><br></font>');
}

function close_body() {
  document.write(
  '<!-- end bottom nav -->'
  +'          </td>'
  +'        </tr>'
  +'      </table>'
  +'    </td>'
  +'<!-- end right cell -->'
  +'  </tr>'
  +'</table>'
  +'</body>'
  );
}

function make_bottomnav_for_index() {
  document.write('<center><br><br><br><table width="100%" cellspacing=0 cellpadding=4>');
  document.write('<tr><td><center><font face=Verdana, Arial, Helvetica size="3" color="#6060ff">');
  document.write('<a class="bottomnav3" href="'+pages[1][1]+'">'+pages[1][0]+'</a> | ');
  document.write('<a class="bottomnav3" href="'+pages[2][1]+'">'+pages[2][0]+'</a>');
  document.write('</font></center></td></tr>');

  document.write('<tr><td><center><font face=Verdana, Arial, Helvetica size="2" color="#ffffff">');
  for (ip=3;ip<pages.length;++ip) {
    document.write('<a class="bottomnav4" href="'+pages[ip][1]+'">'+pages[ip][0]+'</a>');
    if (ip<pages.length-1) {document.write(' | ');}
  }
  document.write('</font></center></td></tr>');
/*
  document.write('<tr><td><center><font face=Verdana, Arial, Helvetica size="2" color="#8080ff">');
  document.write('<a class="bottomnav2" href="'+pages[pages.length-2][1]+'">'+pages[pages.length-2][0]+'</a> | ');
  document.write('<a class="bottomnav2" href="'+pages[pages.length-1][1]+'">'+pages[pages.length-1][0]+'</a>');
  document.write('</font></center></td></tr>');
*/
  document.write('</table></center><br>');
}

