ModeleGraphique= function()
{
	// varible
	ModeleGraphique.draggable=true;
	ModeleGraphique.tabDraggable=new Array();
	
	// variable de l'élément courant :
	ModeleGraphique.courantElement;
	
	// variable de texte du bouton déplacement :
	ModeleGraphique.tabTexteBouton=new Array();
	ModeleGraphique.tabTexteBouton["fr"]=new Array();
		ModeleGraphique.tabTexteBouton["fr"][false]="autoriser le déplacement d'éléments";
		ModeleGraphique.tabTexteBouton["fr"][true]="interdire le déplacement d'éléments";
	ModeleGraphique.tabTexteBouton["en"]=new Array();
		ModeleGraphique.tabTexteBouton["en"][false]="enable elements moves";
		ModeleGraphique.tabTexteBouton["en"][true]="disable elements moves";
	ModeleGraphique.tabTexteBouton["jp"]=new Array();
		ModeleGraphique.tabTexteBouton["jp"][false]="enable elements moves";
		ModeleGraphique.tabTexteBouton["jp"][true]="disable elements moves";
	
	
	
	
	
	/*******************************************************
	*			Création du bouton
	*******************************************************/
	ModeleGraphique.bouton=$("<div id='BoutonDeplacementElement'></div>");
	ModeleGraphique.bouton.attr("title" , ModeleGraphique.tabTexteBouton[ModeleInteraction.getLangue()][ModeleGraphique.draggable]);
	ModeleGraphique.bouton.addClass("true");
	ModeleGraphique.bouton.click(	
		function()
		{
			ModeleGraphique.bouton.removeClass();
			if (ModeleGraphique.draggable)
			{
				ModeleGraphique.draggable=false;
				$.each(ModeleGraphique.tabDraggable , function (i,element) {element.draggable('disable')});
				ModeleGraphique.bouton.addClass("false");
			}
			else
			{
				ModeleGraphique.draggable=true;
				$.each(ModeleGraphique.tabDraggable , function (i,element) {element.draggable('enable')});
				ModeleGraphique.bouton.addClass("true");
			}
			ModeleGraphique.bouton.attr("title" , ModeleGraphique.tabTexteBouton[ModeleInteraction.getLangue()][ModeleGraphique.draggable]);
		}
	);
	
	
	
	
	
	ModeleGraphique.allowDrag=function(element)
	{
	/*	
	// permet l'apparition au premier plan au roll-over
		element.mouseover(function ()
			{
				
				if (ModeleGraphique.courantElement)
					ModeleGraphique.courantElement.css("z-index" , "999");
				
				
				ModeleGraphique.courantElement=element;
				element.css("z-index" , "1000");
				
			}
		);
		
		ModeleGraphique.tabDraggable.push(element);
		if (ModeleGraphique.draggable)
		{
			element.draggable(
			{
				//zIndex: 1000,
				ghosting: true,
				stop: function (a,b)
				{
					//alert("hey");
				}
			}
			)
		}	*/
	}
	



	/******************************************************
	*		Changement de contenu
	*****************************************************/
	ModeleGraphique.loadContenu=function(lien)
	{
		ModeleInteraction.loadContenu(lien);
	}



	/******************************************************
	*		Changement de style
	*****************************************************/
	ModeleGraphique.changeStyle=function(couleur)
	{
		
	//	$("body").css("backgroundColor" , "#"+ couleur);
	//	$(".MenuContextuel").css("border" , $("body").css('background-color'));
		

		//alert("yeah");
	}
}