BoutonMenu = function(_texte , _id ) 
{
	
	// définition de variables :
	this.titre=$("<div/>");
	this.titre.addClass('BoutonTitre');
	this.titre.attr('id', _id+'titre');
	this.titre.text(_texte);
	
	this.id=_id;
	
	var agrandi=false;
	var identifiant=this.id;
	var tabSousBoutonMenu=new Array();
	
	// conteneur des sousBoutons
	this.contenu=$('<div/>');
	this.contenu.attr('id' , _id+'contenu');
	this.contenu.hide();
	
	
	this.content=$("<div id='"+this.id+"content'></div>");
	
	this.contenu.append(this.content);
	
	var div=$('<div/>');
		div.addClass('BoutonMenuContentBas');	
		
	this.contenu.append(div);
	
	// conteneur général
	this.me=$("<div id="+this.id+"></div>");
	
	this.me.append(this.titre);
	this.me.append(this.contenu);
	
	this.titre.mouseover(function()
		{
			if (!agrandi) 
			{
				$(this).addClass('BoutonTitreHover');
		       // $("#"+this.id+"content").slideDown("fast");
		    } 
		});
	this.titre.mouseout(function()
		{
			if (!agrandi) 
			{
				$(this).removeClass('BoutonTitreHover');
		    //    $("#"+this.id+"content").slideUp("fast");
				
		    } 
		});
		
	this.titre.click(function()
		{
			numId=$(this).parent().attr('id');
			if (agrandi)
			{
				$("#"+numId+"contenu").slideUp("fast" , function()
				{
					$('#'+numId+'titre').addClass('BoutonTitre');
					$('#'+numId+'titre').removeClass('BoutonMenuTitreDown')
					agrandi=false;
				});
			}
			else
			{
				$("#"+numId+"contenu").slideDown("fast");
				
				//changement d'apparence du menu titre :
				$(this).removeClass('BoutonTitreHover');
				$(this).removeClass('BoutonTitre');
				$(this).addClass('BoutonMenuTitreDown')
				
				//
				$("#"+numId+"content").addClass('BoutonMenuDown')
				agrandi=true;
			}
		}
	)
	

		
	
	
	
	
	
	
	
	/*******************************************************************************
					Chargement des sousBoutonMenu
	******************************************************************************/
	this.loadContenuMenu= function()
	{
		$.getJSON(ModeleInteraction.root+'chargements/menuContextuel/loadSousBoutonMenu.php?id='+this.id+"&langue="+ModeleInteraction.getLangue() , this.traiterReponseMenu);
	}
	
	this.traiterReponseMenu =function(reponse , bouton)
	{
		// traite la réponse pour chaque Bouton
		$.each(reponse.boutons , function (i , unBouton)
		{
			var bouton= new SousBoutonMenu(unBouton.texte , unBouton.action, unBouton.id , ModeleInteraction.getLangue());
			
			//$("#"+identifiant+"content").append(bouton);
			
			tabSousBoutonMenu[unBouton.ordre]=bouton;
		});
		
		for (var i=0; i<tabSousBoutonMenu.length ; i++)
			$("#"+identifiant+"content").append(tabSousBoutonMenu[i]);
		
	}
	
	/*******************************************************************************
					Chargement du contenu
	******************************************************************************/
	function loadContenu(lien)
	{
		$.getJSON('http://localhost/mesApp/LavalVirtual2010/chargements/loadContenu.php?id='+lien , traiterReponse);
	}
	
	
	function traiterReponse(reponse , contenu)
	{
		$(".Conteneur").append("<div>"+reponse+"</div>");
	}
}