// JavaScript Document
Event.observe(window, 'load', function(){
    var menus = $$('div.communitySelection');
    menus.each(function(menu){
        
        var selectionListContainer = menu.down('div.selectionList');
        var menuHandler = menu.down('div.selectionStatus');
        
        Event.observe(menuHandler, 'click', function(){menu.toggleClassName('inactive');});
        Event.observe(menuHandler, 'mouseover', function(){menuHandler.setStyle({cursor : 'pointer'});});
        
        Event.observe(document, 'click', function(event){
            var element = Event.element(event);
            if (!$(element).descendantOf(menu)){menu.addClassName('inactive');}
        });
        
        Event.observe(window, 'load', function(){selectionListContainer.down('table').setStyle({width : menu.getWidth()+'px'});});
    
    });
});