jQuery.noConflict();

jQuery(document).ready(function()
{
var variableDeLaZone = valeurZone -1;
    jQuery('#menu').ImageMenu({'saveOnClick':true,'keepOpen':true,'init':variableDeLaZone,'extendBy':430,'mouseover':myMouseOver,'mouseout':myMouseOut,'mouseoutbis':myMouseOutBis});

    /* 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) {
        jQuery('.menuOptionHover',elems).stop();
        jQuery('.menuOptionHover',elems).animate({'opacity':1},'fast');
    }

    function myMouseOut(elems,options) {
        jQuery('.menuOptionHover',elems).stop();
        jQuery('.menuOptionHover',elems).animate({'opacity':0},'fast');
    }
    function myMouseOutBis(elems,options) {
        jQuery('.menuOption',elems).stop();
        jQuery('.menuOption',elems).animate({'opacity':0},'fast');
    }
})




/*

jQuery(document).ready(function()
{
    jQuery('#menu').ImageMenu({'saveOnClick':true,'keepOpen':false,'init':2,'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) {
        jQuery('.menuOptionHover',elems).stop();
        jQuery('.menuOptionHover',elems).animate({'opacity':1},'fast');
    }

    function myMouseOut(elems,options) {
        console.debug(elems);
        jQuery('.menuOptionHover',elems).stop();
        jQuery('.menuOptionHover',elems).animate({'opacity':0},'fast');
    }
})

*/