function header(navon, border)
// This is the page top of the content
// The function takes two parameters, navon and border, both are integers.
//
// The first number is navon, and indicates which of the navigation buttons
// is to be set to on as this is the page currently being viewed (ex: if the
// user clicks on the contact us tab, then we turn the contact us tab on.
// In this function, we would pass in a two.)  A value of 0 indicates no
// tabs are to be turned on.
//
// The second number is the border scheme.  currently it
{
document.writeln("<table border=0 width='100%' cellpadding=0 cellspacing=0>");
document.writeln("    <tr><td><img border=0 src='images/spacer.gif' ");
  document.write("height='6px'></td></tr>");
document.writeln("    <tr><td><table border=0 width='100%' ");
  document.write("cellpadding=0 cellspacing=0>");
document.writeln("                <tr><td width='50%'></td>");
  document.write("                    <td><table border=0 width='888px'");
document.writeln("cellpadding=0 cellspacing=0>");
document.writeln("                            <tr><td>");

document.writeln("<!-- 1 -->");
document.writeln("<table border=0 width='888px' cellpadding=0 cellspacing=0>");
  document.write("    <tr><td><img src='");

switch (border)
{	case 1: document.write("images/page_border/snowflake_tt.gif"); break;
	default: document.write("images/page_border/blue_tt.gif"); break;
}

document.writeln("' width='80px' height='30px' border=0></td>");
  document.write("        <td align='right' style='background: url(\"");
  document.write("images/page_border/shadow_n.gif\") repeat-x scroll bottom;'");
document.writeln(" valign='bottom' width='758px'>");
  document.write("            <img src='images/page_border/shadow_tne.gif' ");
document.writeln("border=0></td>");
  document.write("        <td><img border=0 height='10px' width='50px' ");
document.writeln("src='images/spacer.gif'></td></tr>");
document.writeln("</table>");
document.writeln("<!-- 1 -->");

document.writeln("                                </td></tr>");
document.writeln("                <tr><td>");

document.writeln("<!-- 2 -->");
document.writeln("<table border=0 width='888px' cellpadding=0 cellspacing=0>");
  document.write("    <tr><td align='right' valign='top' width='50px' style=");
  document.write("'background: url(\"images/page_border/shadow_w.gif\") ");
document.writeln("repeat-y scroll right;'>");
  document.write("            <img src='");

switch (border)
{	case 1: document.writeln("images/page_border/snowflake_tb.gif"); break;
	default: document.write("images/page_border/blue_tb.gif"); break;
}

document.writeln("' width='50px' height='120px' border='0'></td>");

  document.write("        <td><table border=0 width='788px' cellpadding='0' ");
document.writeln("cellspacing=0 bgcolor='#ffffff'>");

  document.write("                <tr><td><table cellpadding=0 cellspacing=0 ");
document.writeln("border=0 width='788px' background='images/headerbg.gif'>");
document.writeln("                            <tr><td>");

document.writeln("<!-- 3 -->");
document.writeln("<table border=0 width='788px' cellpadding=0 cellspacing=0>");
  document.write("    <tr><td width='15px' align='left' bgcolor='#005c80'>");
  document.write("<img border=0 src='");

switch (border)
{	case 1: document.write("images/page_border/white_1_nw.gif");
	default: document.write("images/page_border/white_nw.gif");
}

document.writeln("'></td>");
  document.write("        <td><img border=0 src='images/spacer.gif' ");
document.writeln("width='758px' height='15px' border=0></td>");
  document.write("        <td width='15px' align='right'><img border=0 ");
document.writeln("src='images/page_border/white_ne.gif'></td></tr>");
document.writeln("</table>");
document.writeln("<!-- 3 -->");

document.writeln("                                </td></tr>");
  document.write("                            <tr><td><img border=0 ");
document.writeln("src='images/spacer.gif' height='15px'></td></tr>");
document.writeln("                            <tr><td>");

document.writeln("<!-- 4 -->");
document.writeln("<table border=0 width='788px' cellpadding=0 cellspacing=0>");
  document.write("    <tr><td><img border=0 src='images/spacer.gif' ");
document.writeln("width='27px'></td>");
  document.write("        <td width='295px'><a href='index.html'><img border=0 ");
document.writeln("src='images/logo.gif'></a></td>");
  document.write("        <td style='font:900 14px Arial; color:#909090;' ");
document.writeln("width='466px'>");
  document.write("            <i>The Commonwealth's Official Source for ");
document.writeln("Weather and Climate Data</i></td></tr>");
document.writeln("</table>");
document.writeln("<!-- 4 -->");

document.writeln("                                </td></tr>");
  document.write("                            <tr><td><img border=0 ");
document.writeln("height='29px' src='images/spacer.gif'></td></tr>");
document.writeln("                        </table></td></tr>");
  document.write("                <tr><td><table border=0 width='788px' ");
document.writeln("height='31px' cellpadding=0 cellspacing=0>");

  document.write("                                <tr><td width='80px'><a ");
document.writeln("href='index.html' class='nav'>Home</a></td>");
  document.write("                            <td width='80px'><a ");
document.writeln("href='about.html' class='nav'>About</a></td>");
  document.write("                                <td width='100px'><a ");
document.writeln("href='integrity.html' class='nav'>Integrity</a></td>");
  document.write("                                <td width='100px'><a ");
document.writeln("href='live_data.php' class='nav'>Live Data</a></td>");
  document.write("                                <td width='120px'><a ");
document.writeln("href='live_graphs.php' class='nav'>Live Graphs</a></td>");
  document.write("                                <td width='120px'><a ");
document.writeln("href='historical_data.php' class='nav'>Historical Data</a></td>");
  document.write("                                <td width='100px'><a ");
document.writeln("href='consortium.html' class='nav'>Consortium</a></td>");
  document.write("                                <td width='98px'><a ");
document.writeln("href='outreach.html' class='nav'>Outreach</a></td></tr>");
//document.writeln("<tr><td colspan=\"8\" style=\"padding-left:20px; color:white; background-color:red; font-weight:bold;\">Availability of network data and webpages may be intermittent over the next few hours for system maintenance.</tr></td>");
document.writeln("                        </table></td></tr>");
document.writeln("            </table></td>");
  document.write("        <td width='50px' valign='top' align='left' ");
  document.write("style='background: url(\"images/page_border/shadow_e.gif\") ");
document.writeln("repeat-y scroll left;'>");
  document.write("            <img src='images/page_border/shadow_ene.gif' ");
document.writeln("border=0></td></tr>");
document.writeln("</table>");
document.writeln("<!-- 2 -->");

document.writeln("                    </td></tr>");
}



function footer(border)
{
document.writeln("</td>");
  document.write("<td valign='bottom' align='left' style='background: ");
  document.write("url(\"images/page_border/shadow_e.gif\") repeat-y scroll ");
  document.write("left;' width='50px'><img border=0 width='50px' src='");

switch (border)
{	case 1: document.write("images/page_border/snowflake_bt.gif"); break;
	default: document.write("images/page_border/blue_bt.gif"); break;
}

document.writeln("' height='70px'></td></tr>");
document.writeln("</table>");
document.writeln("<!-- 5 -->");
document.writeln("</td></tr>");
document.writeln("<tr><td>");
document.writeln("<!-- 10 -->");
document.writeln("<table border=0 width='888px' cellpadding=0 cellspacing=0>");
  document.write("    <tr><td><img border=0 src='images/spacer.gif' ");
document.writeln("height='10px' width='50px'></td>");
  document.write("        <td width='703px' align='left' style='background: ");
  document.write("url(\"images/page_border/shadow_s.gif\") repeat-x scroll ");
document.writeln("top;' valign='top'>");
  document.write("            <img src='images/page_border/shadow_bsw.gif' ");
document.writeln("border='0'></td>");
  document.write("        <td><img border=0 width='135px' height='40px' src='");

switch (border)
{	case 1: document.writeln("images/page_border/snowflake_bb.gif"); break;
	default: document.write("images/page_border/blue_bb.gif"); break;
}

document.writeln("'></td></tr>");
document.writeln("</table>");
document.writeln("<!-- 10 -->");
document.writeln("</td></tr>");
document.writeln("</table></td>");
document.writeln("<td width='50%'></td></tr>");
document.writeln("</table></td></tr>");
document.writeln("</table>");
document.writeln("</body>");
document.writeln("</html>");

}