initClass = '';
resetTimer = false;
function initNavi() {
 var i=0, obj, menunr=1, m;

 while (obj = document.getElementById('navi').getElementsByTagName('ul')[i++]) {
  m = obj.className.match('navi([0-9]) *(active)?');
  if (m && m[2]=='active') {
   document.getElementById('navi').className = initClass = 'displaynavi'+m[1];
   obj.className='navi'+m[1];
   break;
  }
 }

 document.getElementById('navi').onmouseout = function(e) {
  if (!e) e=window.event;
  var target = e.target || e.srcElement;
   if (resetTimer) return;
   resetTimer = window.setTimeout(function() {
    document.getElementById('navi').className = initClass;
   },1500);
 };

 i=0;
 while (obj = document.getElementById('navi').getElementsByTagName('a')[i++]) {
  if (obj.parentNode.parentNode.parentNode.id=='navi') obj.menunr = menunr ++;
  obj.onmouseover = function(e) {
   if (!e) e=window.event;
   var target = e.target || e.srcElement;
   if (resetTimer) { window.clearTimeout(resetTimer); resetTimer=false; }
   if (target.parentNode.parentNode.parentNode.id=='navi') {
    document.getElementById('navi').className = 'displaynavi'+target.menunr;
   }
  };

 }
}