function initialize_menu() {

    //add mouse events to main menu items
    var js = /menu_(.*)/;
    $$('a[id]').findAll(function(s) {
        return s.id.match(js);
    }).each(function(s) {
        var selected = s.hasClassName('selected');
        if (!selected) {
            Event.observe( s.id, 'mouseover',
                function() {
                    s.setStyle({color: '#333333'});
                });
            Event.observe( s.id, 'mouseout',
                function() {
                    s.setStyle({color: '#b7b7b7'});
                });
        }

    });

    //add mouse events to sub menu items
    var js = /menusub_(.*)/;
    $$('a[id]').findAll(function(s) {
        return s.id.match(js);
    }).each(function(s) {
        var selected = s.hasClassName('selected');
        if (!selected) {
            Event.observe( s.id, 'mouseover',
                function() {
                    s.setStyle({color: '#333333'});
                });
            Event.observe( s.id, 'mouseout',
                function() {
                    s.setStyle({color: '#b7b7b7'});
                });
        }

    });

    //add mouseover to main menu displaying submenu
    var js = /menu_(.*)/;
    $$('a[id]').findAll(function(s) {
        return s.id.match(js);
    }).each(function(s) {
        Event.observe( s.id, 'mouseover',
            function() {
                var menu_id = s.id.substr(5);
                var js = /menusub_(.*)/;
                $$('div[id]').findAll(function(m) {
                    return m.id.match(js);
                }).each(function(m) {
                    var submenu_id = 'menusub_'+ menu_id;
                    var selected = s.hasClassName('selected');
                    if ((m.id==submenu_id)) {
                        m.setStyle({display: 'block'});
                    } else {
                        m.setStyle({display: 'none'});
                    }
                });
            });
    });

}


Event.observe(window, 'load', function() {
    initialize_menu()
});