怎样实现表格行被点击（单击或者双击）后表格行改变颜色，当再点（单击或者双击）击另外行时，原来的行变回原来的颜色，刚被点击的行又变

<SCRIPT LANGUAGE=jscript src="../Include/Utility.js"></SCRIPT>
<script language=javascript>
var preColor="#e8e9fc"; //保存行原来的颜色
var selectedItem; //选定的行//---------------------------------------------------
//--------------funtion selectItem-------------------
// 选定一行
//---------------------------------------------------
function selectItem(item,selected) {
var aitem = item;
if (aitem !=null && aitem.item == "1"){
while(aitem.tagName != "TR"){
aitem = aitem.parentElement;
}
if(selected){
aitem.bgColor = "#0101aa";
aitem.style.color = "#ffffff";
selectedItem = aitem;//当前选中的行
}
else{
aitem.bgColor="#e8e9fc";
aitem.style.color = "#000000";
selectedItem = null;
}
preColor =aitem.bgColor;
}
}function document_onmouseover() {
var aitem = event.toElement;
if(aitem.item == "1"){
while(aitem.tagName != "TR"){
aitem = aitem.parentElement;
}
preColor = aitem.bgColor;
aitem.bgColor = dispColor(preColor,20);
}
}function document_onmouseout() {
var aitem = event.fromElement;
if(aitem.item == "1"){
while(aitem.tagName != "TR"){
aitem = aitem.parentElement;
}
aitem.bgColor = preColor;
}
}function document_onclick() {
//清空上一次选中的状态
selectItem(selectedItem,false);
selectItem(event.srcElement,true);
}function ExitBtn_onclick() {
self.close ();
}
</script>
<SCRIPT LANGUAGE=javascript FOR=document EVENT=onmouseover>
<!--
 document_onmouseover()
//-->
</script>
<SCRIPT LANGUAGE=javascript FOR=document EVENT=onmouseout>
<!--
 document_onmouseout()
//-->
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=document EVENT=onclick>
<!--
 document_onclick()
//-->
</SCRIPT>