var isOver = '0';
//var dernierElement = 'menu-1';
var dernierCourant = 'menu-1';
var idDeZone = 1;
var isMajService = false;


/*
jQuery.imageMenu
Basé sur phatfusion image Menu. pour mootools (http://www.phatfusion.net/imagemenu/index.htm);
*/
(function(jQuery) {
		  
jQuery.fn.ImageMenu = function(options) {
	var options = jQuery.extend({
		'menu' : jQuery(this),
		'items': 'li' ,
		'extendBy': 380,
		'init' : -1,
		'speed':'fast',
		'keepOpen' : false,
		'saveOnClick' : false,
		'mouseover' : function(){},
		'mouseout' : function(){},
		'mouseoutbis' : function(){},
		'click' : function(){}
	}, options || {});
	
	// Build Animated menu
	var menu = jQuery(this);
	var elems = jQuery(options.items,menu);

	// apply standard action
	elems.bind('mouseover',options, ImageMenu.mouseover);
	if(options.keepOpen==false)
		elems.bind('mouseout',options, ImageMenu.mouseout);
    else
        elems.bind('mouseout',options, ImageMenu.mouseoutbis);
		
	elems.bind('click',options, ImageMenu.click);

	menu.attr('ImageMenu_Default', options.init);
	menu.css('position','relative');
	menu.append('<div style="position:absolute;height:'+menu.height()+'px;width:'+(menu.width()*2)+'px;clip: rect(0px '+menu.width()+'px '+menu.height()+'px 0px);" class="imageMenuContainer"></div>');
	elems.appendTo(jQuery('.imageMenuContainer',menu));
	
	elems.eq(elems.length-1).width(menu.width());
	options.mouseout(elems,options);

	
	if(options.init>=0)
		elems.eq(options.init).trigger('mouseover');
};

})(jQuery);

var ImageMenu = {
	mouseover : function(e){
	if (dernierCourant == "menu-1" || dernierCourant == "menu-2" || dernierCourant == "menu-3")
	    {
	        if (typeof IsIndex != "undefined")
            {
	        ImageOn(dernierCourant);
	        }
	        document.getElementById(dernierElement).className = 'menuOption';
		    var options = e.data;

		    var menu = jQuery(options.menu);
		    var elems = jQuery(options.items,menu);
    		
		    var menuWidth = menu.width();
		    var singleWidth = Math.floor(menuWidth/(elems.length));

		    var outWidth = Math.floor((menuWidth-(singleWidth+options.extendBy))/(elems.length-1));
		    var hoverWidth = Math.ceil(menuWidth - outWidth * (elems.length-1));
    		
		    jQuery(this).removeClass('out');

		    jQuery(this).stop();
		    jQuery(this).animate({'width':hoverWidth},options.speed);
    		
		    elems.slice(0,elems.length-1).not(this).stop();
		    elems.slice(0,elems.length-1).not(this).animate({'width':outWidth},options.speed);
    		
		    this.className = "menuOptionHover";
    		
		    // extend with custom user function
		    options.mouseout(elems.not(this),options);
		    options.mouseover(this,options);
		    
		    if(isMajService != undefined && isMajService)
		        MAJDescServices(this.id);
		}
	},
	mouseout : function(e){
	if ((dernierCourant == "menu-1" || dernierCourant == "menu-2" || dernierCourant == "menu-3") && typeof IsIndex != "undefined"
	     && (dernierElement == "menu-1" || dernierElement == "menu-2" || dernierElement == "menu-3"))
	    {
		    var options = e.data;

		    var menu = jQuery(options.menu);
		    var elems = jQuery(options.items,menu);
    		
		    var menuWidth = menu.width();
		    var singleWidth = Math.floor(menuWidth/(elems.length));
    		 
		    jQuery(this).addClass('out');
    		
		    elems.slice(0,elems.length-1).stop();
		    elems.slice(0,elems.length-1).animate({'width':singleWidth},options.speed);
    		
		    this.className = "menuOption";
		    //alert(this.innerHTML);

		    // extend with custom user function
		    options.mouseout(this,options);

		    if(menu.attr('ImageMenu_default')>=0)
			    elems.eq(1*menu.attr('ImageMenu_default')).trigger('mouseover');
		}

	},
	mouseoutbis : function(e){
	if ((dernierCourant == "menu-1" || dernierCourant == "menu-2" || dernierCourant == "menu-3") && typeof IsIndex != "undefined"
	     && (dernierElement == "menu-1" || dernierElement == "menu-2" || dernierElement == "menu-3"))
	    {
	    
	        var fonction = 'ChangementBackground("'+this.id+'")';
	        setTimeout(fonction,200);	  
	    }  
	},
	click : function(e){
	if ((dernierCourant == "menu-1" || dernierCourant == "menu-2" || dernierCourant == "menu-3") && idProfilUser > -1)
	        {
	        var options = e.data;
		    var menu = jQuery(options.menu);
		    var elems = jQuery(options.items,menu);
		    
		    
	        idDeZone = elems.index(this)+1;
	        urlDeredirection = encodeURIComponent(document.location.href);
	        document.location.href= pathURL+"/GestionZone.aspx?idZone=" + idDeZone + "&url=" + urlDeredirection;
	        
	        
		    
		    menu.attr('ImageMenu_default',elems.index(this));
		    options.click(this,options);
		}
		else
		{
		    document.location.href= pathURL + "/Inscription.aspx";
		}
	}
}
function ChangementBackground(element)
{
    if ((dernierCourant == "menu-1" || dernierCourant == "menu-2" || dernierCourant == "menu-3") && typeof IsIndex != "undefined"
    && (dernierElement == "menu-1" || dernierElement == "menu-2" || dernierElement == "menu-3"))
    {
        if(isOver == 1 && dernierElement != 0 )
        {
            document.getElementById(element).className = 'menuOption';
            document.getElementById(dernierElement).className = 'menuOption';
        }
    }
}