tilføjelse af mouseover funktion

Jeg har en side under produktion : http://www.louriporta.pt/apresentacao.php
hvor jeg har et problem med min menu. Jeg vil gerne have tilføjet en mouseover på mine navigationsknapper når musen kører over den enkelte knap, således at den går fra blå til rød...

her er koden der genererer siden.

<?php
class Page
{
  // class Page's attributes
  var $content;
  var $title = 'Louriporta, Portas e Automatismos Lda.';
  var $keywords = 'Louriporta, portas, portoes, automatismos, grades de seguranca, 
                  serralharia civil, lourinha';
                     
  // class Page's operations

  function SetContent($newcontent)
  {
$this->content = $newcontent;
  }

  function SetKeywords($newkeywords)
  {
    $this->keywords = $newkeywords;
  }

  function SetButtons($newbuttons)
  {
    $this->buttons = $newbuttons;
  }

  function Display()
  {
    echo "<html>\n<head>\n";
    $this -> DisplayTitle();
    $this -> DisplayKeywords();
    $this -> DisplayStyles();
    echo "</head>\n<body>\n";
    $this -> DisplayHeader();
    $this -> DisplayMenu($this->buttons);
    echo $this->content;
    $this -> DisplayFooter();
    echo "</body>\n</html>\n";
  }

  function DisplayTitle()
  {
    echo '<title>'.$this->title.'</title>';
  }

  function DisplayKeywords()
  {
    echo "<META name=\"keywords\" content=\"$this->keywords\">";
  }

  function DisplayStyles()
  {
?> 
  <style>
    h1 {color:white; font-size:24pt; text-align:center;
        font-family:arial,sans-serif}
    p {color:black; font-size:12pt; text-align:justify;
      font-family:arial,sans-serif}
    p.foot {color:white; font-size:9pt; text-align:center;
            font-family:arial,sans-serif; font-weight:bold}
  </style>
 
  //javascript
  <script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
 
<?php
  }

  function DisplayHeader()
  {
    ?> 
      <table width="772" border="0" align="center" cellspacing="0" cellpadding="0">
          <tr>
            <td><img src="images/header.gif" width="770" height="100"></td>
          </tr>
    </table>
    <?php
  }

  function DisplayMenu($buttons)
  {
  $buttons = array ("apresentacao",
                    "produtos",
                    "localizacao",
                    "clientes",
                    "portfolio",
                    "pos_venda",
                    "contactos"
                    );
 
  $site_titles = array ("apresentacao",
                      "produtos",
                      "localizacao",
                      "clientes",
                      "portfolio",
                      "pos_venda",
                      "contactos"
                    );
 
      $iface_widths = array ("110", "110", "110", "110", "110", "110", "110");
      $iface_heights = array ("30", "30", "30", "30", "30", "30", "30");
    $page = getenv ("SCRIPT_NAME");
    $page = basename ($page);
        // Change the .php3 part to .php, .php4,
        // .phtml, etc. or leave it as is.
    $page = str_replace (".php", "", $page);
    ?>
    <table align=center>
<tr>
<td>
<?php
for ($i = 0; $i < count ($buttons); $i++) {
    if ($buttons[$i] == $page) {
        echo "<img src=images/$buttons[$i]_o.gif alt=\"" . $site_titles[$i] . "\"
        width=$iface_widths[$i] height=$iface_heights[$i]>";
    }
    else {
        echo "<a href=$buttons[$i].php><img src=images/$buttons[$i].gif alt=\""  .
      $site_titles[$i] . "\" width=$iface_widths[$i] height=" . $iface_heights[$i] . "border=0></a>";
       
       
     
         
       
 
 
    }
}
?></td>
</tr>
</table>
<?php
  }


  function DisplayFooter()
  {
?>
    /* some html */
    <?php
  }
}
?>


nogen der kan gi en hånd med? :)