//DEFINING ALL IMAGES

var Button1 = new Image();
Button1.src = "images/Button1.png";
var Button1_Lit = new Image();
Button1_Lit.src = "images/Button1_Lit.png";

var Button2 = new Image();
Button2.src = "images/Button2.png";
var Button2_Lit = new Image();
Button2_Lit.src = "images/Button2_Lit.png";

var Button3 = new Image();
Button3.src = "images/Button3.png";
var Button3_Lit = new Image();
Button3_Lit.src = "images/Button3_Lit.png";

var Button4 = new Image();
Button4.src = "images/Button4.png";
var Button4_Lit = new Image();
Button4_Lit.src = "images/Button4_Lit.png";


//THIS FUNCTION WILL SWITCH THE BUTTON ON THE MENU WHEN A MOUSEOVER EVENT IS DETECTED.
function Switch(Name, On)
{
  if (On == 1)
    eval("document[Name].src = " + Name + "_Lit.src");
  if (On == 0)
    eval("document[Name].src = " + Name + ".src");
}



document.writeln("<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=550 align=\"center\">")
document.writeln("  <TR valign=\"top\"> ")
document.writeln("    <TD> ")
document.writeln("      <div align=\"center\">")
document.writeln("        <table width=\"225\" border=\"0\" cellspacing=\"2\" cellpadding=\"2\">")
document.writeln("          <tr> ")
document.writeln("            <td width=\"217\"><img src=\"images/Logo5.png\" width=\"251\" height=\"37\"></td>")
document.writeln("          </tr>")
document.writeln("        </table>")
document.writeln("        <br>")
document.writeln("      </div>")
document.writeln("      <table border=0 cellspacing=0 cellpadding=0 align=\"center\" width=\"515\">")
document.writeln("        <tr> ")
document.writeln("          <td><a href=\"index.html\" onMouseOver=\"Switch('Button1',1)\" onMouseOut=\"Switch('Button1',0)\"><img src=\"images/Button1.png\" border=0 name=\"Button1\"></a><a href=\"teacherspet.html\" onMouseOver=\"Switch('Button2',1)\" onMouseOut=\"Switch('Button2',0)\"><img src=\"images/Button2.png\" border=0 name=\"Button2\"></a><a href=\"contact.html\" onMouseOver=\"Switch('Button3',1)\" onMouseOut=\"Switch('Button3',0)\"><img src=\"images/Button3.png\" border=0 name=\"Button3\"></a><a href=\"news.html\" onMouseOver=\"Switch('Button4',1)\" onMouseOut=\"Switch('Button4',0)\"><img src=\"images/Button4.png\" border=0 name=\"Button4\"></a></td>")
document.writeln("        </tr>")
document.writeln("      </table>")
document.writeln("      </TD>")
document.writeln("  </TR>")
document.writeln("</TABLE>")