JavaScript Menu

[FingerSkill]

Ich habe ein Menue und mit Hilfe von JavaScript funktioniert alles. Nur soll noch das aktive submenu bei mouseover auf ein anderes submenu verschwinden. Quasi bei onmouseover "ul.class="active level_2"="ul.class="level_2"

<nav id="nav" class="mod_navigation block">
<a class="invisible" href="index.php/test_1.html#skipNavigation5">Navigation überspringen</a>
<ul class="active level_1">
<li class="first">
<a class="first" title="Unternehmen" href="index.php/unternehmen.html">UNTERNEHMEN </a>
</li>
<li class="active submenu">
<span class="active submenu">AKTUELLE PROJEKTE </span>
<ul class="active level_2">
<li class="active first">
<span class="active first">TEST 1 </span>
</li>
<li class="sibling last">
</ul>
</li>
<li class="submenu">
<li>
<li class="last">
</ul>
<a id="skipNavigation5" class="invisible">&nbsp;</a>
</nav>

und folgendes JavaScript:

// JavaScript Document

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
  node.onmouseover=function() {
    this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

Hat jemand eine Idee wie man dies umsetzen koennte?