onClick skift bg i en og kun en td.

Hej

Jeg har 4 td'er, hvor man skal kunne trykke i en af de fire td'er, hvorefter baggrunden skal skifte fra #ffffff til #999999. Der må kun være en aktiv td, hvilket altså vil sige at den td som før var aktiv (#999999) skal være inaktiv (#ffffff)

Den aktive td kalder funktionen shift_bg med onClick, som så skal skifte bg på td'erne. Jeg har lavet følgende kode, men det virker sgu ikke rigtigt. Jeg er ikke nogen ørn til js.

<script language="JavaScript">
var akt = null;
function shift_bg(elm)
{
  if(aktiv != elm)   
  {
    document.getElementById(elm).style.backgroundColor="#999999";
    document.getElementById(akt).style.backgroundColor="#FFFFFF";
    akt=elm;
  } else {
    document.getElementById(elm).style.backgroundColor="#FFFFFF";
  }   
}
</script>

og de fire td'er:

<td id = "p1" ONCLICK = "java script:shift_bg('p1');" style="cursor: hand">Her med dig</td>
<td id = "p2" ONCLICK = "java script:shift_bg('p2');" style="cursor: hand">Her med dig</td>
<td id = "p3" ONCLICK = "java script:shift_bg('p3');" style="cursor: hand">Her med dig</td>
<td id = "p4" ONCLICK = "java script:shift_bg('p4');" style="cursor: hand">Her med dig</td>

På forhånd tak!