var menu = 0;

$(document).ready(function(){


	$('ul#menu_personnalisable span').mouseover(function(){
		active($(this).attr('id'));

		unbind();
	})
	.mouseup(function(){
		menu = $(this).attr('id');
		active(menu);
		bind();
	})
	.mousedown(function(){
		unbind();
	})
	.mouseleave(function(){
		hide($(this).attr('id'));
		bind();
	});
});

function bind(){
	$('.dechirure').mousedown(function(){
		hide(menu);
	});
}

function unbind(){
	$('.dechirure').unbind('mousedown');
}

function hide(id){
	$('.menu-'+id).hide();
}

function active(id){
	$('.menu-'+id).show();
}