// javascript
     var menuTimeout = null;
     var lastel = null
     var nav = document.getElementById('nav');
     var mainMenus = nav.getElementsByTagName('li');
     for(i=0; i < mainMenus.length; i++){
        var li = mainMenus[i];
        if (li.id.indexOf('nav') == 0){
            li.onmouseover = function(){
                if(this == lastel)  clearTimeout(menuTimeout);
                if(this.className.indexOf('hover') < 0) this.className += ' hover';
            }
            li.onmouseout = function(){
                    lastel = this;
                    var hide = new clearMenu(lastel);
                    menuTimeout = window.setTimeout(hide.invoke, 20)
               /* if (lastel == this){
                }else{
                    this.className = this.className.replace('hover', '')
                }*/
            }
        }
     }
     
     function clearMenu(el){
        this.el = el;
        var me = this;
        this.invoke=function(){
            me.el.className = me.el.className.replace('hover', '')
        }
     }