Image Rollover problem

Hey

Jeg har følgende kode som, iflg. mig, burde få min knap1.gif til at skifte til knap2.gif når man mouseover på den. Men af en grund jeg ikke kender gør den det ikke :)

Kan nogen hjælpe?
Jeg er ikke nogen haj til Javascript, men mener jeg normalt kan redigere i JavaScript.
Jeg skal have mouseover på 4 knapper i alt, så hvis Java koden skal laves om, vil jeg sætte pris på et praj :)

På forhånd tak!

I HTML dokument:

<SCRIPT TYPE="text/javascript" SRC="rollover.js"></SCRIPT>

I .JS dokument:

<script type="text/javascript">
var revert = new Array();
var inames = new Array('kompetencer', 'referencer' 'ommig' 'kontakt'');

// Preload
if (document.images) {
  var flipped = new Array();
  for(i=0; i< inames.length; i++) {
    flipped[i] = new Image();
    flipped[i].src = "images/"+inames[i]+"2.gif";
  }
}

function over(num) {
  if(document.images) {
    revert[num] = document.images[inames[num]].src;
    document.images[inames[num]].src = flipped[num].src;
  }
}
function out(num) {
  if(document.images) document.images[inames[num]].src = revert[num];
}
</script>

I HTML dokument:

    </tr>
    <tr>
        <td colspan="2">
            <a href="#" onMouseOver="over(0)" onMouseOut="out(0)"><img src="images/kompetencer1.gif" width="143" height="34" border="0" name="kompetencer"></a></td>
    </tr>