クリックして変更した画像を他の画像をクリックしたとき戻すには？
以前、別で下記のような質問がありました。
●質問－－－－－－－－－－－－－－－－－－－
複数の同じ画像があるとします。
そのひとつをクリックすると画像が変わるようにします。
その後別の画像をクリックすると先ほどクリックした画像が初期の状態に戻るようにしたいのですが、どのような記述にすればよいのでしょうか？
どなたかご教授おねがいします。
－－－－－－－－－－－－－－－－－－－－－－
上記の質問を受けての回答が下記のような感じで
●回答－－－－－－－－－－－－－－－－－－－
<script>
function change(obj){
var orgimg="a.gif";
var newimg="b.gif";
var imgs=document.getElementsByTagName('img')
for(var i=0;i<imgs.length;i++){
if(imgs[i].className==obj.className){
if(imgs[i]==obj) imgs[i].src=newimg;
else imgs[i].src=orgimg;
}
}
}
</script>
<img src="a.gif" class="hoge" onClick="change(this)">
<img src="a.gif" class="hoge" onClick="change(this)">
<img src="a.gif" class="hoge" onClick="change(this)">
－－－－－－－－－－－－－－－－－－－－－－
これで終わってしまっていたのですが、画像が複数のパターンある場合はどのようにすればよいでしょうか。
例えば
「a1.gif」をクリックすると「a2.gif」に変更するようにして、さらに「b1.gif」というものがあって、クリックすると「b2.gif」に変更するように設定してあるとします。
「a1.gif」をクリックして「a2.gif」になっている状態で「b1.gif」をクリックすると「a2.gif」が「a1.gif」に戻るようにするにはどのようにすればよいでしょうか。
このb1が、c1,d1,e1・・・・とたくさんある感じです。
質問の内容がわかりづりかもしれませんが、どなたかご教示いただけると幸甚です。
宜しくお願い申し上げます。
補足
わかりません； ちなみにflashです；