document.write("<table border=0");
document.write("<tr>");
document.write("<td><img src=\"graphics/menutop.gif\" alt=\"top\"/></a></td>");
document.write("</tr>")
document.write("<tr>");
document.write("<td><a id=\"selected\" href=\"index.html\"><img src=\"graphics/homeover.gif\" alt=\"home\"/></a></td>");
document.write("</tr>")
document.write("<tr>");
document.write("<td><a href=\"services/index.html\"><img src=\"graphics/services.gif\" alt=\"services\" name=\"services\" onmouseover=\"mouseOver(\'services\')\") onmouseout=\"mouseOut('services')\" /></a></td>");
document.write("</tr>")
document.write("<tr>");
document.write("<td><a href=\"contact/index.html\"><img src=\"graphics/contact.gif\" alt=\"contact\" name=\"contact\" onmouseover=\"mouseOver(\'contact\')\") onmouseout=\"mouseOut('contact')\" /></a></td>");
document.write("</tr>")
document.write("<tr>");
document.write("<td><img src=\"graphics/menubottom.gif\" alt=\"top\"/></a></td>");
document.write("</tr>")
document.write("</table>")

function mouseOver(buttonName)
{
  switch(buttonName)
  {
  case 'services':
    document.services.src="graphics/servicesover.gif";
    break;    
  case 'work':
    document.work.src="graphics/workover.gif";
    break;
  case 'contact':
    document.contact.src="graphics/contactover.gif";
  }
}

function mouseOut(buttonName)
{
  switch(buttonName)
  {
  case 'services':
    document.services.src="graphics/services.gif";
    break;    
  case 'work':
    document.work.src="graphics/work.gif";
    break;
  case 'contact':
    document.contact.src="graphics/contact.gif";
  }
}