var menu_init_width = 35;
var menu_width;
var t_menu;

window.addEvent('domready',function(){
	
	t_menu = $('menu_head').getElements('li');
	
	// on calcule la taille du menu quand il est développé
	menu_width = $('menu_head').getSize().x;

	
	for(var i=0; i<t_menu.length; i++){
		t_menu[i].store('index',i);
		t_menu[i].setStyle('z-index',100+i);
		
		// définition de la transition
		t_menu[i].set('tween', {duration:400});
		
		// au survol
		t_menu[i].getElement('a').addEvent('mouseenter',function(item){
			showMenu(this.getParent('li').retrieve('index'));
		})
		// quand on quitte le survol
		t_menu[i].getElement('a').addEvent('mouseleave',function(item){
			fermeMenus();
		})
		
		// va en fait l'afficher
		fermeMenus()
	}	

});

function showMenu(pid){
	// les trucs avant et le concerné
	for(var i=0; i<=pid; i++){
		t_menu[i].tween('left', t_menu[i].getPosition($('menu_head')).x, (i*menu_init_width));
	}
	// les trucs après
	for(var j=(pid+1); j<t_menu.length; j++){
		t_menu[j].tween('left', t_menu[j].getPosition($('menu_head')).x,  (menu_width-((t_menu.length-j)*35)));
	}
}
function fermeMenus(){
	for(var j=0; j<t_menu.length; j++){
		t_menu[j].tween('left', t_menu[j].getPosition($('menu_head')).x,  (menu_width-((t_menu.length-j)*35)));
	}
}