var hauteurs = new Array; // largeur du sous menus

window.addEvent('load', function() {
    $$(".deroulant").each(function(element) {
        if (element.getElements("ul").length > 0) {
            var sous_menu = element.getElements("ul")[0];
            hauteurs[sous_menu.id] = sous_menu.getSize().y;
            element.addEvents({
                'mouseenter': function() {
                    //sous_menu.set('tween', { transition: 'bounce:out' });
                    sous_menu.tween('height', hauteurs[sous_menu.id] + 'px');

                },
                'mouseleave': function() {
                    //sous_menu.set('tween', { transition: 'linear' });
                    sous_menu.tween('height', '0px');
                }
            });
            sous_menu.setStyles({
                'height': '0px',
                'width': '215px'
            }); //width corrige le bug ie7 de la taille du menu
        }
    })

    $$("div#menu li.deroulant ul li a").each(function(e, i) {
        e.addEvents({
            'mouseenter': function() {
                if (Browser.Engine.trident == true) {
                    e.set('morph', { duration: 200 });
                    e.morph({
                        'background-color': '#015B7F',
                        'color': '#FFFFFF',
                        'filter': 'alpha(opacity=90)',
                        'width': '192px'
                    });
                } else {
                    e.set('morph', { duration: 200 });
                    e.morph({
                        'background-color': '#015B7F',
                        'color': '#FFFFFF',
                        'opacity': '0.9'
                    });
                }

            },
            'mouseleave': function() {
                if (Browser.Engine.trident == true) {
                    e.set('morph', { duration: 200 });
                    e.morph({
                        'background-color': '#FFFFFF',
                        'color': '#015B7F'
                    });
                } else {
                    e.set('morph', { duration: 200 });
                    e.morph({
                        'background-color': '#FFFFFF',
                        'color': '#015B7F'
                    });
                }
            }
        });
    });

});