Need help with a drop-down menu

[keissfootball]

Hello from Latvia!!! I'm having a problem with upgrading a small drop-down-menu script which I have put here: http://paste.php.lv/3480. The problem is that when I get onmouseout function, the sub-menus immediately dissapear, my question is this: how can I make the sub-menus stay 1 second after the mouse got from the sub-menu off. I know that I somehow have to use function timer(); but I can't understand, how to connect it together with the code. Previously thanks, and sorry for the bad language.

[Twey]

 <script type="text/javascript">
 function getElementNumber(el) {
   var els = document.getElementsByTagName(el.tagName);
   for(var i=0;i<els.length;i++) if(els[i] == el) return i;
   return -1;
 }

 over = function() {
     var sfEls = document.getElementById("nav").getElementsByTagName("LI");
     for (var i=0; i<sfEls.length; i++) {
         sfEls[i].onmouseover=function() {
             this.className+=" over";
         }
         sfEls[i].onmouseout=function() {
             var me = getElementNumber(this);
             window.clearTimeout(this.closeTimer);
             this.closeTimer = window.setTimeout("document.getElementsByTagName('LI')["+me+"].className=document.getElementsByTagName('LI')["+me+"].className.replace(/over\b/, '')";
         }
     }
 }
 if (window.attachEvent) window.attachEvent("onload", over);
 else window.onload = over;
 </script>

Untested.

[keissfootball]

Sorry but it doesn't work, it doesn't even display the sub-menus in IE with this code, only in FF (the browsers that I tested) :[

[keissfootball]

Maybe the functions setInterval() & clearInterval() should help, as I understand, they're something like the timer function!

[Twey]

PLEASE: Include the URL to your problematic webpage that you want help with.

[keissfootball]

Well I have put the version before editing something as you said here: http://www.lfka.lv/index2.htm and the code is here: http://paste.php.lv/3480 (the navigation is changed, I mean the html part, but I left css and js untouched)

The edited version could be found here: http://www.lfka.lv/index3.htm and the code is here: http://paste.php.lv/3484

As you can see, your variant doesn't work as thougt, as well as sub-menus don't work in IE at all.

[Twey]

I'm sorry. Change this line:

             this.closeTimer = window.setTimeout("document.getElementsByTagName('LI')["+me+"].className=document.getElementsByTagName('LI')["+me+"].className.replace(/over\b/, '')", 300);

Add the bits in red, where 300 is the delay in milliseconds.

[keissfootball]

I have to admit that I already tried this, only longer delay - 3000, but the edited code still doesn't show up the sub-menus, and the delay doesn't work in FF, neither can I check it in the IE, because of " not showing sub-menu" problem! :[

[Twey]

Please add it to the "edited" page so I can see.

[keissfootball]

All done (http://www.lfka.lv/index3.htm), I had a small mistake, so it didn't work, but now, the menu's acting really strange, in both browsers, see for yourself, that it leaves the sub-menus on each other, and the sub-menus don't dissapear!