var aMenuItem = ['HOME', 'IN-GROUND', 'ABOVE-GROUND', 'SPAS', 'SERVICES', 'SUPPLIES', 'QUESTIONS', 'CONTACT'] ;
var aMenuLink = ['index.html', 'inground.html', 'aboveground.html', 'spas.html', 'services.html', 'supplies.html', 'faqs.html', 'contact.html'] ;

function setHi(obj)
{
    obj.style['color'] = '#FFFFFF';
    obj.style['textDecoration'] = 'underline';
}

function setLo(obj)
{
    obj.style['color'] = '#E0E0E0';
    obj.style['textDecoration'] = 'none';
}

function generateBanner()
{
  sbanner = '';

  sbanner += '<table id="bback"><tr>';
  sbanner += ' <td id="titem">Coastal Pools</td>';
  sbanner += ' <td id="iitem" align="right" width="205">';
  sbanner += '  <table cellspacing="4" cellpadding="0" border="0">';
  sbanner += '   <tr>';
  sbanner += '    <td id="info">Phone:</td><td id="info">781.294.1532</td>';
  sbanner += '   </tr>';
  sbanner += '   <tr>';
  sbanner += '    <td id="info" colspan="2">';
  sbanner += '     <table>';
  sbanner += '      <tr>';
  sbanner += '       <td id="info" style="padding-right:4px;">Hours:</td>';
  sbanner += '       <td id="info">';
  sbanner += '        <table>';
  sbanner += '         <tr><td id="info">Mon-Fri</td><td width="5"></td><td id="info" style="text-align:right;">9:30 - 5:30</td></tr>';
  sbanner += '         <tr><td id="info">Saturday</td><td width="5"></td><td id="info" style="text-align:right;">9:00 - 3:00</td></tr>';
  sbanner += '         <tr><td id="info">Sunday</td><td width="5"></td><td id="info" style="text-align:right;">10:00 - 2:00</td></tr>';
  sbanner += '        </table>';
  sbanner += '       </td>';
  sbanner += '      </tr>';
  sbanner += '     </table>';
  sbanner += '    </td>';
  sbanner += '   </tr>';
  sbanner += '  </table>';
  sbanner += ' </td>';
  sbanner += '</tr></table>';

  document.writeln( sbanner ) ;
}

function generateMenu(which)
{
  sactive     = '<span onMouseOver="setHi(this);" onMouseOut="setLo(this);">';
  sactiveId   = 'mitem';
  sselected   = '<span id="innerItem">';
  sselectedId = 'sitem';
  smenu       = '' ;
  bSelected   = false ;

  smenu += "<table id='mback'><tr>\n";

  for (i = 0; i < aMenuItem.length; i++)
  {
    bSelected = (which == i) ? true : false ;
    smenu += '<td id="'+((bSelected)?sselectedId:sactiveId)+'"><a id="litem" href="' ;
    smenu += aMenuLink[i]+'">'+((bSelected)?sselected:sactive)+aMenuItem[i]+'</span></a></td>\n';
  }

  smenu += "</tr></table>";

  document.writeln( smenu ) ;
}

function generateFooter()
{
  document.write("<p style=\"font-size:80%;color:#444444;background-color:silver;width:790px; padding-top:4px;padding-bottom:3px;\">\n");
  document.write("&nbsp;Copyright &copy; 1975-2010 Coastal Pools, Inc. &nbsp;186 Mattakeesett St., Pembroke, MA 02359 &nbsp; <b>781-294-1532</b>\n");
  document.write("</p><p>&nbsp;</p>\n");
}