Flyout Navigation

[Markus]

Hallo

ich habe mir ein flyout Menü gebastelt und erst nur mit <ul> und <li> gearbeitet und alles hat funktioniert...nun habe ich auch die links hinzugefügt und seitdem funktioniert es nicht mehr....
Javascript-Code:

function auf($div){
 clearTimeout($zeit);
 zu($aus);
 $div.style.display='inline';
}
function zu($div){
 $div.style.display='none';
}
function timer($element, $verzoegerung) {
 $pause = $verzoegerung;
 $aus = $element;
 $zeit = setTimeout("zu($aus)", $pause);
}

function navi(){
  var $links = document.getElementById('navi').getElementsByTagName('ul')[0].getElementsByTagName('li');
  for (var $i=0; $i<$links.length; $i++){
    if($links[$i].getElementsByTagName('ul')[0]){
    $links[$i].onmouseover = function () {auf( this.childNodes[1]) ; return false;}
    $links[$i].onmouseout = function () { timer(this.childNodes[1] , 1000); return false;}
    }
  }
}

HTML CODE:
.....
<div id='navi'>
<div id='navigation'></div>
<ul>
<li><a href="logout.php">Logout</a></li>
<li><a href="home.php">Home</a>
 <ul>
 <li><a href="">XXX</a></a></li>
 </ul>
</li>
<li><a href=".php">XXX</a>
 <ul>
 <li><a href="">XXX</a></li>
 <li><a href="">XXX</a></li>
 <li><a href="">XXX</a></li>
 <li><a href="">XXX</a></li>
 </ul>
</li>
<li><a href=".php">XXX</a>
 <ul>
 <li><a href="">XXX</a></li>
 <li><a href="">XXX</a></li>
 <li><a href="">XXX</a></li>
 <li><a href="">XXX</a></li>
 </ul>
</li>
</ul>
</div>
</div>

Mfg Markus