I don't know what's the deal...what am I doing wrong.When I display it.nothing happens.

<code>

<html>
<head>
<title>Beatsport</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
//swap kutovi

alt0 = new Image();
alt0.src = "links2.gif";

alt1 = new Image();
alt1.src = "gigs2.gif";

alt2 = new Image();
alt2.src = "bio2.gif";

alt3 = new Image();
alt3.src = "music2.gif";

alt4 = new Image();
alt4.src = "linksoverkut.gif";

alt5 = new Image();
alt5.src = "gearoverkut.gif";

alt6 = new Image();
alt6.src = "biooverkut.gif";

alt7 = new Image();
alt7.src = "musicoverkut.gif";

//dugmad

graphic1= new Image();
graphic1.src = "gear2.gif";
graphic1on = new Image();
graphic1on.src = "gearovered.gif";

graphic2= new Image();
graphic2.src = "links2.gif";
graphic2on = new Image();
graphic2on.src = "linksoverred.gif";

graphic3= new Image();
graphic3.src = "gigs2.gif";
graphic3on = new Image();
graphic3on.src = "gigsoverred.gif";

graphic4= new Image();
graphic4.src = "bio2.gif";
graphic4on = new Image();
graphic4on.src = "biooverred.gif";

graphic5= new Image();
graphic5.src = "music2.gif";
graphic5on = new Image();
graphic5on.src = "musicoverred.gif";

//funkcija za promjenu slika

}
function imageChange(imageID,imageName,imageID2,imageName2,imageID3,imageName3,imageID4,imageName4,imageID5,imageName5) {

{
document.images[imageID].src = eval(imageName + ".src");
document.images[imageID2].src = eval(imageName2 + ".src");
document.images[imageID3].src = eval(imageName3 + ".src");
document.images[imageID4].src = eval(imageName4 + ".src");
document.images[imageID5].src = eval(imageName5 + ".src");
}

}

</SCRIPT>









</head>

<body bgcolor="C8C3A7" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="" background="pozadinagore.gif">
<table width="62%" border="0" cellpadding="0" cellspacing="0">
<tr>

</tr>
<tr>

<img src="spacing.gif" width="22" height="16"><img src="wtrans.gif" width="13" height="11">

</tr>
<tr>
<td width="2%" height="10" rowspan="3"> </td>
<td width="2%" height="10" rowspan="3"> </td>
<td width="83%" height="10">
<table width="62%" border="0" cellspacing="0" cellpadding="0" bordercolorlight="#C8C3A7">
<tr>
<td height="68" width="5%" nowrap> </td>
<td height="68" width="10%" nowrap> </td>
<td height="68" width="10%" nowrap> </td>
<td height="68" width="11%" nowrap> </td>
<td height="68" width="11%" nowrap> </td>
<td height="68" width="16%" nowrap> </td>
<td height="68" width="25%" nowrap><img src="patikagoretransp.gif" width="132" height="72"></td>
<td height="68" width="12%" nowrap> </td>
</tr>
<tr>
<td width="5%" height="2" nowrap><img src="strelice.gif" width="29" height="15"></td>
<td nowrap><a href="bsgear.htm" target="bottomFrame"
onMouseOver="imageChange('global','alt1','one','graphic1on')"
onMouseOut="imageChange('global','alt0','one','graphic1')"><img src="gear2.gif" width="53" height="15" NAME="one" border="0"></a></td>

</code>