/*
 * Menu animé avec MooTools
 * Chaque menu tombe et rebondi
 */
window.addEvent('domready', function(){

    var active_page = null;
    
	// Menu actif
    var texte = $('menu').getElement('li.active span');
    if(texte)
    {
      active_page = $('menu').getElement('li.active').id;
      texte.set('tween', {
        duration: 800,
        transition: Fx.Transitions.Bounce.easeOut
      }).tween('padding-top', '26px');
    }
	
    // Evenemetns menus
	$$('#menu li').addEvents({
		'mouseenter': function(){
			if(active_page == null || (active_page != null && $(active_page).id != this.id))
			{
				this.addClass('active');
				var texte = this.getElements('span')[0];
				texte.set('tween', {
					duration: 800,
					transition: Fx.Transitions.Bounce.easeOut
				}).tween('padding-top', '26px');
			}
		},
		'mouseleave': function(){
			if(active_page == null || (active_page != null && $(active_page).id != this.id))
			{
				this.removeClass('active');
				var texte = this.getElements('span')[0];
				texte.set('tween', {}).tween('padding-top', '0px');
			}
		}
	});
});