BoutonPrincipal= function(texte , _id , nb , nbTotal)
{

	BoutonPrincipal.width=100;
	this.idCategorie=_id
	
	BoutonPrincipal.nbTotal=nbTotal;
	
	
	this.me=$("<li/>");
	this.me.attr('id' , _id);
	

	onClick=function(id , nb)
		{
			
			var me=$('#'+id);
			
			$(".BoutonPrincipalSelected").removeClass('BoutonPrincipalSelected');
			$(".LastBoutonPrincipalSelected").removeClass('LastBoutonPrincipalSelected');
			$(".FirstBoutonPrincipalSelected").removeClass('FirstBoutonPrincipalSelected');
			
			
			if (nb==0)
				me.addClass("FirstBoutonPrincipalSelected");
			else if (nb==BoutonPrincipal.nbTotal-1)
				me.addClass("LastBoutonPrincipalSelected");
			else
				me.addClass("BoutonPrincipalSelected");
			
			ModeleInteraction.setCategorie(id);
		}		
	
	
	if(nb==0)
	{
		this.me.html("<a class='lienBouton2' href='Javascript:onClick("+_id+" , "+nb+")'><table><tr><td class='MenuPrincipal'><div><img src='stylesheet/Accueil.png' style='border:none;'/></div></td></tr></table></a>");
	}
	else if (nb==nbTotal-1)
	{
		this.me.html("<a class='lienBouton2' href='Javascript:onClick("+_id+" , "+nb+")'><table><tr><td class='MenuPrincipal'><div><strong>"+texte+'</strong></div></td></tr></table></a>');

		
		new FloatingBox(this.me);		
	}
	else
	{
		if (navigator.appName!='Microsoft Internet Explorer')
			this.me.html("<a class='lienBouton2' href='Javascript:onClick("+_id+" , "+nb+")'><table><tr><td class='MenuPrincipal'><div><strong>"+texte+'</strong></div></td></tr></table></a>');
		else
		{
			this.me.html("<a id='"+_id+"'class='lienBouton2'><table><tr><td class='MenuPrincipal'><div><strong>"+texte+"</strong></div></td></tr></table></a>");
			$(this.me).click(function()
			{
			//	alert($(this).attr('id'));
				onClick(_id , nb);
			});
		}
	}
	
	var me=this.me;

	selected=false;
	
	$(this.me).addClass("BoutonPrincipal");
	$(this.me).css("width" ,BoutonPrincipal.width );
	if (nb==0)
	{
		$(this.me).addClass("BoutonPrincipalFirst");
		$(this.me).css("width" ,BoutonPrincipal.width-30 );
	}
	else if (nb==nbTotal-1)
	{
		$(this.me).addClass("BoutonPrincipalLast");
		$(this.me).css("width" ,BoutonPrincipal.width );
	}
	else
	{
		$(this.me).addClass("BoutonPrincipalMiddle");
		$(this.me).css("width" ,BoutonPrincipal.width );
	}
	$(this.me).addClass("MenuPrincipal");
	
	if (this.idCategorie==ModeleInteraction.numCategorie)
	{
		if (nb==0)
				this.me.addClass("FirstBoutonPrincipalSelected");
		else if (nb==nbTotal-1)
				this.me.addClass("LastBoutonPrincipalSelected");
			else
				this.me.addClass("BoutonPrincipalSelected");
	}
	
	
	
	
	


	$(this.me).mouseover(
		function()
		{
			if (nb==0)
				me.addClass("FirstBoutonPrincipalHover");
			else if (nb==nbTotal-1)
				me.addClass("LastBoutonPrincipalHover");
			else
				me.addClass("BoutonPrincipalHover");
		}
	)
	$(this.me).mouseout(
		function()
		{
			if (nb==0)
				me.removeClass("FirstBoutonPrincipalHover");
			else if (nb==nbTotal-1)
				me.removeClass("LastBoutonPrincipalHover");
			else
				me.removeClass("BoutonPrincipalHover");
		}
	)

	
	return this.me;
	}