document.observe("dom:loaded", function() {
        var topMenu = undefined;
        var activeSubMenu = undefined;
        
        try {
            topMenu = $('topmenu-design').down('ul');
        }
        catch( e ) {
            return;
        }
        
        topMenu.childElements().each( function(listItem) {
            var subMenu = listItem.down('ul');
            if( subMenu ) {
                listItem.observe('mouseover', onMouseOverItem); 
            }
        });
        document.observe('mousemove', onMouseOut);
        
        function onMouseOverItem(event) {
            var element = Event.element(event);
            var li = element;
            while( li.up() != topMenu ) {
                li = li.up();
            }                   
            
            if( li == activeSubMenu ) {
                return;
            }
            
            var ul = li.down('ul');
            if( !ul ) {
                alert( "OMGOODS" + ul );
            }
            
            if( activeSubMenu ) {
                //Effect.Fade(activeSubMenu.down('ul'), { duration: 0.2 });
                activeSubMenu.down('ul').hide();
            }                   
            
            ul.show();
            activeSubMenu = li;                 
            return;
        }
        
        function onMouseOut( event ) {                  
            if( !activeSubMenu ) {
                return;
            }
            var element = Event.element(event);
            if( element != activeSubMenu && !element.descendantOf(activeSubMenu) ) {
                //Effect.Fade(activeSubMenu.down('ul'), { duration: 0.2 });
                activeSubMenu.down('ul').hide();
                activeSubMenu = undefined;
            }                   
        }
    });