window.addEvent( 'domready', function(){
    $$( '.navi_top a.mainNavi' ).each(function(item){
        var sub = item.getNext();
        if(! sub || sub.get('tag') != 'div' ) return;

        var cor = item.getPosition( item.getParent() );
        var left = cor.x;


        var _top = 30;
        if( Browser.Engine.trident ){
            _top = 30;
        }

        sub.setStyles({
            left: left,
            top: _top,
            opacity: 0,
            display: 'block'
        });
        
        item.addEvent( 'mouseover', function(){
            item.store( 'fadeOut', false );
            sub.setStyle( 'opacity', 1 );
            item.store( 'oldClass', item.get('class') );
            item.set( 'class', 'mainNavi mainNaviActive' );
        });
        item.addEvent( 'mouseout', function(){
            item.store( 'fadeOut', true );
            (function(){
                if( item.retrieve( 'fadeOut' ) ){
                    sub.setStyle( 'opacity', 0 );
                    item.set( 'class', item.retrieve('oldClass') );
                }
            }).delay(200);
        });
        sub.addEvent( 'mouseout', function(){
            item.fireEvent( 'mouseout' );
        });
        sub.addEvent( 'mouseover', function(){
            item.store( 'fadeOut', false );
        });
    });


    $$('.navi_top .sub a').each(function(item){
        var next = item.getNext();
        if( next && next.get('tag') == 'div' ){
            var menuSub = item.getParent();
            var menuItem = menuSub.getPrevious();
            item.addEvent('mouseover', function(){

                menuItem.store('fadeOut', false);
                item.store('fadeOut', false);
                var pos = item.getPosition( item.getParent() );
                var size = item.getSize();

                next.setStyles({
                    left: size.x,
                    'top': pos.y
                });

                next.setStyle('display', 'block');
            });
            item.addEvent('mouseout', function(){
                menuItem.store('fadeOut', true);
                item.store('fadeOut', true);
                (function(){
                    if( item.retrieve('fadeOut') == true )
                        next.setStyle('display', 'none');
                }).delay(200);
            });

            next.addEvent('mouseover', function(){
                item.fireEvent('mouseover');
            });
            next.addEvent('mouseout', function(){
                item.fireEvent('mouseout');
            });
        }
    });


});