question about javascript mouseover

[Deguram]

I tried to change the mouse-over script(see Attachment), so I could use it in my new site. But it didn't work. My site contains a top, middle en and a downframe. In the top there has to be (12 images) 6 mouseoverimages, and in the lowerframe there has to be (6 images) 6 mouseoverimages. As I told before I tried to change it, but it didn't work. Can you please let me know what I did wrong and where I have to place(in which frame and where) to make the script work.

I hope you can help me.

See attachment for script(textdocument) or look here:

Plcae this part inside your head tags change your image source in this part. (including width and height)
==============================================================

<script language="javascript">
//script found on www.a1javascripts.com
//all credit to unknown author
<!-- hide script from old browsers

window.onerror = null;

var netscape = 0;
var goodIE = 0;
browserName = navigator.appName.substring(0,8);
browserVer = parseFloat(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3)
{ netscape = 1; }
if (browserName == "Microsof" && browserVer >= 4)
{ goodIE = 1; }
// end error trapping code


if (netscape || goodIE) {

pic1 = new Image(600,70);
pic1.src = "/pics/Bartjebiz.gif";
pic2 = new Image(600,70);
pic2.src = "/pics/BartjeFlauwekrul.gif";
pic3 = new Image(600,70);
pic3.src = "/pics/BartjeZaakuluk.gif";
pic4 = new Image(600,70);
pic4.src = "/pics/BartjeOopienie.gif";
pic5 = new Image(600,70);
pic5.src = "/pics/BartjeWekuluks.gif";
pic6 = new Image(600,70);
pic6.src = "/pics/Bartjevielusofie.gif";
pic7 = new Image(600,70);
pic7.src = "/pics/BartjeHieperlinks.gif";

a1 = new Image(90,45);
a1.src = "/pics/Flauwekrul.gif";
a2 = new Image(90,45);
a2.src = "/pics/Flauwekrul2.gif";
b1 = new Image(90,45);
b1.src = "/pics/Zaakuluk.gif";
b2 = new Image(90,45);
b2.src = "/pics/Zaakuluk2.gif";
c1 = new Image(90,45);
c1.src = "/pics/Oopienie.gif";
c2 = new Image(90.45);
c2.src = "/pics/Oopienie2.gif";
d1 = new Image(90,45);
d1.src = "/pics/Wekuluks.gif";
d2 = new Image(90,45);
d2.src = "/pics/Wekuluks2.gif";
e1 = new Image(90,45);
e1.src = "/pics/Vielusofie.gif";
e2 = new Image(90,45);
e2.src = "/pics/Vielusofie2.gif";
f1 = new Image(90,45);
f1.src = "/pics/Hieperlinks.gif";
f2 = new Image(90,45);
f2.src = "/pics/Hieperlinks2.gif";

}

function hiLite(imgDocID, imgObjName, imgDocID2, imgObjName2) {
if (netscape || goodIE) {
document.images[imgDocID].src = eval(imgObjName + ".src");
document.images[imgDocID2].src = eval(imgObjName2 + ".src");

}}

//end hiding -->
</script>

====================================================
place these parts where you want your images to show
=====================================================
big image
----------------------------------------
<img SRC="/pics/Bartjebiz.gif" NAME="pic" ALT="Default Image" height=45 width=90>
----------------------------------------
buttons
----------------------------------------
<a href="navigatieboven.html" onMouseOver="hiLite('pic','pic2','a','a2'); window.status='Button 1';return true;" onMouseOut="hiLite('pic','pic1','a','a1'); window.status='';return true;" onclick="window.focus()"><img SRC="Flauwekrul.gif" NAME="a" ALT="Button 1" BORDER=0 height=45 width=90></a>
<a href="navigatieboven.html" onMouseOver="hiLite('pic','pic3','b','b2'); window.status='Button 2';return true;" onMouseOut="hiLite('pic','pic1','b','b1'); window.status='';return true;" onclick="window.focus()"><img SRC="Zaakuluk.gif" NAME="b" ALT="Button 2" BORDER=0 height=45 width=90></a>
<a href="navigatieboven.html" onMouseOver="hiLite('pic','pic4','c','c2'); window.status='Button 3';return true;" onMouseOut="hiLite('pic','pic1','c','c1'); window.status='';return true;" onclick="window.focus()"><img SRC="Oopienie.gif" NAME="c" ALT="Button 3" BORDER=0 height=45 width=90></a>
<a href="navigatieboven.html" onMouseOver="hiLite('pic','pic5','d','d2'); window.status='Button 4';return true;" onMouseOut="hiLite('pic','pic1','d','d1'); window.status='';return true;" onclick="window.focus()"><img SRC="Wekuluks.gif" NAME="d" ALT="Button 4" BORDER=0 height=45 width=90></a>
<a href="navigatieboven.html" onMouseOver="hiLite('pic','pic6','e','e2'); window.status='Button 5';return true;" onMouseOut="hiLite('pic','pic1','e','e1'); window.status='';return true;" onclick="window.focus()"><img SRC="Vielusofie.gif" NAME="e" ALT="Button 5" BORDER=0 height=45 width=90></a>
<a href="navigatieboven.html" onMouseOver="hiLite('pic','pic7','f','f2'); window.status='Button 6';return true;" onMouseOut="hiLite('pic','pic1','f','f1'); window.status='';return true;" onclick="window.focus()"><img SRC="Hieperlinks.gif" NAME="f" ALT="Button 6" BORDER=0 height=45 width=90></a>