$(document).ready(function()
{
	$('#menu').ImageMenu({'saveOnClick':true,'keepOpen':false,'init':-1,'mouseover':myMouseOver,'mouseout':myMouseOut});
	/* Options: 
	 * 'items': (string) selecteur ciblant les éléments du menu (defaut = 'li')
	 * 'extendBy': (int) élargissement prévu pour le menu ouvert - en pixel (defaut = 50),
	 * 'init' : (int) index de l'élément à ouvrir par défaut -1 si aucun (defaut = -1),
	 * 'keepOpen' : (boolean) Indique si l'on laisse les menu ouvert au survol (defaut = false),
	 * 'saveOnClick' : (boolean) Indique si l'on garde ouvert un menu cliqué - inutile si keepOpen est à "true" (defaut = false),
	 * 'mouseover' : (function) associez une fonction à l'ouverture d'un menu (defaut = function(){}),
	 * 'mouseout' : (function) associez une fonction à la fermeture d'un menu (defaut = function(){}),
	 * 'click' : (function) associez une fonction lors d'un click sur un menu (defaut = function(){}),
	 */
	
	// gestion personnalisé de la  superposition d'un autre visuel
	// on ajoute ici un aspect "flou/net" sur le menu
	function myMouseOver(elems,options) {
		$('.menuOptionHover',elems).stop();
		$('.menuOptionHover',elems).animate({'opacity':0},'fast');
	}
	function myMouseOut(elems,options) {
		$('.menuOptionHover',elems).stop();
		$('.menuOptionHover',elems).animate({'opacity':1},'fast');
	}
});