Menu - Javascript

På www.clan-zaz.dk er der en menu, der skifter farve, hvis man kører musen over.
Det er lavet ved hjælp af en formel imellem Metatagsene, og noget kode ved hver af cellerne i tabellen.

Meta:
<script language=\"JavaScript\">
  function co(element,mode) {
    if (mode==\"in\") {
      cursortype = \'crosshair\'
      colorval = \'#3F4358\'
    } else if (mode==\"out\") {
      cursortype = \'\'
      colorval = \'#21232E\'
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
</script>

Og i tabellen:

<td width=\"100%\" onmouseover=\"co(this,\'in\');\" onmouseout=\"co(this,\'out\');\" onClick=\"location.href=\'udfordre.php\';\" bgcolor=\"#21232E\"><font face=\"Verdana\" size=\"1\" color=\"#FFFFFF\">


Så bliver farven #3F4358 hvis man holder musen over.
Men hvad skal jeg gøre hvis jeg vil have flere forskellige farver, når musen bliver trukket over?
eks. #000000 & #FFFFFF???