function drawPage(arg) {
  var s1 = '\
<table cellpadding=0 cellspacing=0 border=0 width=700>\
 <tr>\
  <td align=center valign=top width=100% colspan=3>\
   <table cellpadding=0 cellspacing=0 width=95% border=0 >\
    <tr>\
     <td align=left width="0%">\
      <img src="mc_logo34in.png" height=100 border=0>\
     </td>\
     <td width="100%" nowrap>\
      <div class="myh2">Morrissey/Compton Educational Center, Inc.</div>\
     </td>\
    </tr>\
   </table>\
  </td>\
 </tr> \
 <tr><td height=3 colspan="3" style="background-color : #558888"></td></tr>\
 <tr>\
  <td valign=top height=100% width=0%>\
   <table cellpadding=0 cellspacing=0 width=100%>' +
  renderMenu('home', 'Home', 'index.html', arg) +
  renderMenu('aboutus', 'About Us', 'about.html', arg) +
  renderMenu('evaluations', 'Evaluations', 'evaluations.html', arg) +
  renderMenu('treatment', 'Treatment', 'treatment.html', arg) +
  renderMenu('challenge', 'Challenge', 'challenge.html', arg) +
  renderMenu('fees', 'Fees', 'fees.html', arg) +
  renderMenu('makeagift', 'Make a Gift', 'gift.html', arg) +
  renderMenu('contactus', 'Contact Us', 'contact.html', arg) +
'  </table>\
  </td>\
  <td>&nbsp;&nbsp;&nbsp;</td>\
  <td valign="top" width=100%>\
   <!-- This table is width 800 to deal with annoying browsers -->\
   <table cellpadding=0 cellspacing=0 width=700 border=0>\
    <tr>\
     <td align=left valign=top>\
      <table border="0">\
       <tr>\
        <td valign="top">';

  var s2 ='\
        </td>\
        <td>&nbsp;&nbsp;&nbsp;&nbsp;\
        </td>\
        <td valign="top">';
  
  var s3 = '\
        </td>\
       </tr>\
      </table>\
     </td>\
    </tr>\
   </table>\
  </td>\
 </tr>\
 <tr>\
  <td>\
  </td>\
  <td>\
  </td>\
  <td><br>\
   <div class="greentext">\
    2555 Park Blvd, Suite 1,\
    Palo Alto, CA 94306 &bull;\
    phone (650) 322-5910 &bull;\
    fax (650) 322-7075 &bull;\
    <a class="greentext" style="text-decoration:none" href="mailto:morrisseycompton@gmail.com">morrisseycompton@gmail.com</a>\
   </div>\
  </td>\
 </tr>\
</table>';

  var e1 = document.getElementById("content1");
  var e2 = document.getElementById("content2");
  document.getElementById("body").innerHTML = s1 + e1.innerHTML + s2 +
    e2.innerHTML + s3;
}

function renderMenu(menu, title, url, page) {
  var sectionType = ((menu == page) ? 'selectedsection' : 'section');
  var html = '\
   <tr>\
    <td class="' + sectionType + '" height="20" nowrap>\
     <a class="' + sectionType + '" href="' + url + '">&nbsp;' + title +
       '&nbsp;</a>\
    </td>\
   </tr>' +
  ((menu == page) ?
  ('<tr><td>' + document.getElementById("submenus").innerHTML + '</td></tr>') :
   '') +
  '<tr>\
    <td height=8>\
    </td>\
   </tr>';

  return html;
}

