/*
 * affiche le menu contextuel
 */
 $(document).ready(function() {

	jQuery('.case1').mouseover(function() { 
	 	showMenu('#menu1', '#fleche1');
	});
	
	jQuery('.case2').mouseover(function() { 
	 	showMenu('#menu2', '#fleche2');
	});
	
	jQuery('.case3').mouseover(function() { 
	 	showMenu('#menu3', '#fleche3');
	});
	
 });

function showMenu(menuId, arrowId)
{
	jQuery('#menu1').css({ display: "none"});
	jQuery('#menu2').css({ display: "none"});
	jQuery('#menu3').css({ display: "none"});
	
	jQuery('#fleche1').css({ display: "none"});
	jQuery('#fleche2').css({ display: "none"});
	jQuery('#fleche3').css({ display: "none"});
	
	jQuery(arrowId).css({ display: "block"});
	jQuery(menuId).css({ display: "inline"});

}