如何用js控制TD的CLASS！鼠标点时和没点时不同

Question

<STYLE type="text/css">
.norightbuttonborder { BORDER-TOP: #ffffff 5px solid; FONT-SIZE: 12px; BACKGROUND: #f1f1f1; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 2px solid; HEIGHT: 25px; TEXT-ALIGN: center }
.buttoncolor { BORDER-TOP: #ffa55b 4px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: #ff7300; COLOR: #fff; LINE-HEIGHT: normal; FONT-STYLE: normal; HEIGHT: 25px; TEXT-ALIGN: center; FONT-VARIANT: normal }
</STYLE>表格：
<TABLE>
<TR>
<TD onclick="tdClick(this)" id=mm class="buttoncolor" style="WIDTH: 116px" width="116">1</TD>
<TD onclick="tdClick(this)" class="norightbuttonborder" style="WIDTH: 146px" width="146">2</TD>
<TD onclick="tdClick(this)" class="norightbuttonborder" width="139" style="WIDTH: 139px">3</TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">
var global = null;
function tdClick(td)
{
  if(global) global.className = "norightbuttonborder";
  else document.getElementById("mm").className = "norightbuttonborder";
  td.className = "buttoncolor";
  global = td;
}
</SCRIPT>