ロールオーバーとスワップイメージを同時に実行させたいんです。複数箇所で。

で、ぺこぺこ打ってみたんだけど、どうもうまくいかねー。

1箇所でなら出来た風味。

<script type="text/javascript">
<!--
img_name=new Array();
img_name[0] = "m11.gif";
img_name2   = "m01.gif";
img1 = new Array();
img2 = new Image(); img2.src = img_name2;
for(i=0; i<img_name.length; i++)  {
img1[i] = new Image(); img1[i].src = img_name[i];
}
function mouse_over(which) {
document.images["swapImg"].src=img1[which].src;
}
function mouse_out(which) {
document.images["swapImg"].src=img2.src;
}
//-->
</script>

ってしてhtml本文で

<img src="m01.gif" name="swapImg">

を置いて

<a href="#" onmouseover="mouse_over(0)" onmouseout="mouse_out(0)"><img src="c01.gif" onmouseover="this.src='c11.gif'" onmouseout="this.src='c01.gif'" border="0"></a>

を繰り返す（画像変えて）んですが、

新たに違う画像で違う場所の画像をスワップイメージさせたいんですがどうもいいのが思いつかないのであり大混乱。