それぞれの画像をオンマウスのときに違う画像にしたい

質問

下記【１】の通り、画像のランダムリンクはできたのですが

それぞれの画像をオンマウスしたときに
違う画像を表示するにはどうすればよいでしょうか？

JavaScriptを使わずに、一枚の画像だけを変える場合は↓のようにやっておりました
<a href="http://～" target="_blank" ><img src="img[0] " height="" width="" border="0" onmouseover="this.src='img[0] の色違い画像など';" onmouseout="this.src='img[0] と同じ、もしくは違う画像';"></a>

※例えばimg[0]をオンマウスしたときにimg[2]にしたいのではなく、
それぞれ個別に用意した画像(通常時、オンマウス時、離した後の画像３枚)にしたいのですが。

【１】
// ランダムに画像を表示する
jmp = new Array();
img = new Array();
// ジャンプ先のアドレス(数字は画像と対応)
jmp[0] = "http://～";
jmp[1] = "http://～";
jmp[2] = "http://～";
jmp[3] = "http://～";
jmp[4] = "http://～";
// 画像のアドレス(数字はジャンプ先のアドレスと対応)
img[0] = "img/img1.jpg";
img[1] = "img/img2.jpg";
img[2] = "img/img3.jpg";
img[3] = "img/img4.jpg";
img[4] = "img/img5.jpg";
n = Math.floor(Math.random()*jmp.length);
document.write("<a href='"+jmp[n]+"' target='_blank'>");
document.write("<img src='"+img[n]+"' border='0'>");
document.write("</a>");

回答No.1

noname#158634

imgを二重配列にしたらいいんじゃないかな。