window.addEvent('domready', function(){
    $$('.opacityBg').setStyle('opacity', 0.9);
    $$('.subnavi').each(function(item){

        var button = item.getPrevious();

        var pos = button.getPosition(button.getParent());
        item.setStyles({
            left: pos.x-28
        });

        button.addEvent('mouseover', function(){
            button.store('allowToFadeOut', false);
            item.setStyle('display', 'block');
        });

        button.addEvent('mouseout', function(){
            button.store('allowToFadeOut', true);
            (function(){
                if( button.retrieve('allowToFadeOut') )
                    item.setStyle('display', 'none');
            }).delay(100);
        });
        
        item.addEvent('mouseover', function(){
            button.fireEvent('mouseover')
        });
        item.addEvent('mouseout', function(){
            button.fireEvent('mouseout');
        });
    });
});