if(!AEE){
	var AEE = {};
}
AEE.menuPrincipal = function(){
	_items = [];
	_ajouterItem = function(titreMenu, zoneMenu){
		_items.push({
								'titreMenu' : titreMenu,
								'zoneMenu'  : zoneMenu
							 });
		
		zoneMenu = $(zoneMenu)
		zoneMenu.animation = new Fx.Slide(zoneMenu,{duration:300});
		zoneMenu.animation.hide(); 
		titreMenu = $(titreMenu);
		titreMenu.addEvent('mouseenter', _afficherMenuTimer.bind(zoneMenu));
		titreMenu.addEvent('mouseleave', _startTimer.bind(zoneMenu));
		zoneMenu.addEvent('mouseenter', _afficherMenu.bind(zoneMenu))
		zoneMenu.addEvent('mouseleave', _startTimer.bind(zoneMenu));
		zoneMenu.titre = titreMenu;
	};
	
	_afficherMenu = function(){
		_cacherAutresMenu(this);
		this.titre.addClass('actif');
		$clear(this.timer);
		this.animation.cancel();
		this.animation.slideIn();
	}
	
	_afficherMenuTimer = function(){
		this.timerOuverture = _afficherMenu.delay(300, this);
	}
	
	_cacherAutresMenu = function(actif){
		_items.each(_cacher.bind(actif));
	}
	
	_cacher = function(el){
		el = el.zoneMenu;
		if(el != this){
			el.titre.removeClass('actif');
			el.animation.cancel().hide();
		}
	}
	
	_startTimer = function(){
		$clear(this.timerOuverture);
		this.timer = function(){
				this.titre.removeClass('actif');
				this.animation.cancel().slideOut();
			}.delay(750, this);
	}
	
	
	return {
		version: 1,
		ajouterItem: function(titreMenu, zoneMenu){
			_ajouterItem($(titreMenu), $(zoneMenu));
		},
		listerItems: function(){
			console.log(_items);
		}
	}
}