JavaScriptでボタンをクリックすると画像が変わる設定をするには？
たとえば、1.gif － 2.gif , 3.gif － 4.gif，5.gif － 6.gif,7.gif － 8.gif,9.gif － 10.gif
の画像をついにしてボタンとして利用するとします。
最初に表示されるボタンは 1.gif , 3.gif ，5.gif , 7.gif , 9.gif の５つです。
JavaScriptで1.gifボタンをクリックしたら、2.gifボタンに画像が変わり、
3.gifボタンをクリックしたら、4.gifボタンに画像が変わるように（残りの画像も同様）したいと
考えています。この時、1.gif , 3.gif ，5.gif , 7.gif , 9.gifのいずれかのボタンがクリックされた
時点で、直前に変更していた 2.gif , 4.gif ，6.gif , 8.gif , 10.gifのいずれかのボタンは最初のボタン
の状態に戻したいと考えています。
どのようにJavaScriptを記述すると可能なのでしょうか。
１つのボタンをクリックすると別の画像に変わる方法は色々なＨＰを参考に↓の記述でなんとかできたのですが、
複数のボタンになるとどのように修正していけばうまくいくのかわかりません。
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
imgnum=1;
function changeImage(){
if(imgnum==1){
document.myimg.src="2.gif";
imgnum=2;
}else if(imgnum==2){
document.myimg.src="1.gif";
imgnum=1;
}
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<A href="javascript:changeImage()"><IMG src="1.gif" name="myimg" border=0></A>
</CENTER>
</BODY>
</HTML>
質問がややこしくてすみません。
方法をお分かりの方はどなたか教えてください。よろしくお願いします。
