Javascript-форум - Изменение изображения при наведении на ссылку

http://programmings.h1.ru/progr/script6.htm
вот есть такая хня.

если я допустим напишу так:

Цитата:

, то работает
ежели так:

Цитата:

html>
<head><title>bygaga</title>
</head>
<body bgcolor="#202020">
<div align="center">
<a href="http://siberianfighter.clan.su" onmouseover="document.mypic.src='file://localhost/C:/byy.PNG'" onmouseout="document.mypic.src='file://localhost/C:/b.PNG'"><IMG SRC="file://localhost/C:/b.PNG" NAME=mypic BORDER=0></a>
<a href="http://siberianfighter.clan.su/forum/" onmouseover="document.mypic.src='file://localhost/C:/byy.PNG'" onmouseout="document.mypic.src='file://localhost/C:/b.PNG'"><IMG SRC="file://localhost/C:/b.PNG" NAME=mypic BORDER=0></a>
</div>
</body>
</html>

, уже не работает.

т.е. мне надо чтобы рисунок менялся при на ведении на сцылку.
и было много сцылок, а не одна.

<html> <head><title>bygaga</title> <script> function changePic(element, src) { var img = element.getElementsByTagName("IMG")[0]; img.src = src; return; } </script> </head> <body bgcolor="#202020"> <div align="center"> <a href="http://siberianfighter.clan.su" onmouseover="changePic(this, 'file://localhost/C:/byy.PNG')" onmouseout="changePic(this, 'file://localhost/C:/b.PNG')"><IMG SRC="file://localhost/C:/b.PNG" BORDER=0></a> <a href="http://siberianfighter.clan.su/forum/" onmouseover="changePic(this, 'file://localhost/C:/byy.PNG')" onmouseout="changePic(this, 'file://localhost/C:/b.PNG')"><IMG SRC="file://localhost/C:/b.PNG" BORDER=0></a> </div> </body> </html>