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;
            }
        }
    });