Fehlfunktion bei Link-Tags?

[Melchor]

hallo zusammen,

experimentiere zur Zeit ein wenig mit Javascript rum und habe mir aus Testzwecken mal ein kleines Navigationsmenü mit Sublinks erstellt, welche erst nach einer bestimmten Zeit angezeigt werden, sobald man mit der Maus über den Hauptlink fährt. Bis auf eine Kleinigkeit funktioniert das ganze auch schon ziemlich gut.

Aber ich bin da jetzt auf ein Problem gestoßen, welches ich mir nicht erklären kann. Hier ist erstmal mein Code:

<script type='text/javascript'>
  var t;
  function sub(lin, x){
    var z = 250;
    clearTimeout(t);
    if( x < 2 ){
      x++;
      t = setTimeout(function(){sub(lin, x)},z);}

    else if( ( x == 2 ) && ( document.getElementById(lin).style.display=='none' ) ){
      document.getElementById(lin).style.display='block';}

    else if( x == 3 ){
      document.getElementById(lin).style.display='none';}}
</script>


<div id='nav' onMouseover='sub("Link1", 0)' onMouseout='sub("Link1", 4)'>
  Link1
  <span id='Link1' onMouseout='sub("Link1", 3)' style='display: none;'>
    <a href='#'>uLink1</a><br>
    <a href='#'>uLink2</a><br>
    <a href='#'>uLink3</a><br>
  </span>
</div>

<div>
  Link2
</div>

<div id='nav' onMouseover='sub("Link2", 0)' onMouseout='sub("Link2", 4)'>
  Link3
  <span id='Link2' onMouseout='sub("Link2", 3)' style='display: none;'>
    uLink1<br>
    uLink2<br>
    uLink3<br>
  </span>
</div>

Also wenn ich mit der Maus auf Link3 geh, klappt das Submenü auf und ich kann mir einer der drei uLinks auswählen (so wie es auch gewollt ist).

Wenn ich allerdings mit der Maus auf Link1 geh, klappt zwar auch das Submenü auf, aber ich kann nur uLink1 auswählen, sobald ich auf uLink2 geh, klappt das menü wieder zu. Die div's und span-Tags sind bei beiden Links identisch, also kann es meiner Meinung nach nur daran liegen, das ich bei den Sub-Links von Link1, schon die entsprechenden Tag's verwendet habe. Aber warum passiert dann dieser Fehler? Die Funktion wird doch garnicht über sie Sub-Links aufgerufen!