BoutonSousMenuPrincipal=function(content , nb , nbTotal , id)
{

	this.me=$("<div/>");
	this.me.attr('name' , id)
	if (nb==0)
		this.me.addClass('BoutonSousMenuPrincipalFirst');
	else if (nb==nbTotal-1)
		this.me.addClass('BoutonSousMenuPrincipalLast');
	else
		this.me.addClass('BoutonSousMenuPrincipal');
	

	
	this.me.mouseenter(function()
	{
		if($(this).hasClass('BoutonSousMenuPrincipalFirst'))
			$(this).addClass('BoutonSousMenuPrincipalFirstHover');
		else if($(this).hasClass('BoutonSousMenuPrincipalLast'))
			$(this).addClass('BoutonSousMenuPrincipalLastHover');
		else
			$(this).addClass('BoutonSousMenuPrincipalHover');
	});
	this.me.mouseleave(function()
	{
		if($(this).hasClass('BoutonSousMenuPrincipalFirst'))
			$(this).removeClass('BoutonSousMenuPrincipalFirstHover');
		else if($(this).hasClass('BoutonSousMenuPrincipalLast'))
			$(this).removeClass('BoutonSousMenuPrincipalLastHover');
		else
			$(this).removeClass('BoutonSousMenuPrincipalHover');
	});
	
	this.me.click(function()
	{
		$(".BoutonPrincipalSelected").removeClass('BoutonPrincipalSelected');
		$(".LastBoutonPrincipalSelected").removeClass('LastBoutonPrincipalSelected');
		$(".FirstBoutonPrincipalSelected").removeClass('FirstBoutonPrincipalSelected');
		$(".BoutonPrincipalSelected2").removeClass('BoutonPrincipalSelected2');
		$(".LastBoutonPrincipalSelected2").removeClass('LastBoutonPrincipalSelected2');
		$(".FirstBoutonPrincipalSelected2").removeClass('FirstBoutonPrincipalSelected2');
		
		var boutonPrincipal=$(".LastBoutonPrincipalHover");
		boutonPrincipal.removeClass('LastBoutonPrincipalHover');
		boutonPrincipal.addClass("LastBoutonPrincipalSelected");
		
		$(this).parent().parent().parent().slideUp('fast');
		
		
		// chargement de la page : 
		ModeleInteraction.setCategorie($(this).attr('name'));
	})
	
	
	this.me.append(content);
}