如何点击按扭<input type = "image">换背景图，点其它按扭图片换回来

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT language="javascript">
function chan(oObj)
{
var arrObj = document.getElementsByName("n");
for(var i=0; i<arrObj.length; i++)
arrObj[i].src = arrObj[i].preSrc;
oObj.src = "4.gif";
}
function init()
{
var arrObj = document.getElementsByName("n");
for(var i=0; i<arrObj.length; i++)
arrObj[i].preSrc = arrObj[i].src;
}
</SCRIPT>
</HEAD><BODY onLoad="init()">
<INPUT type = "image" src = "1.gif" name = "n" onClick="chan(this)">
<INPUT type = "image" src = "2.gif" name = "n" onClick="chan(this)">
<INPUT type = "image" src = "3.gif" name = "n" onClick="chan(this)">
</BODY>
</HTML>