var isDragging = false;
var cptLigne = 1
Draggables.addObserver({
							onStart:function(eventName,draggable,event){$(draggable.element).style.zIndex = 900;},
							onEnd:function(eventName,draggable,event){$(draggable.element).style.zIndex = 0;isDragging = true;}
						});

function InitDraggables(NomPage)//fonction qui va initialiser les zones draggables
{
	new Draggable("Div"+NomPage,{revert:false});
	$("Div"+NomPage).observe('click',checkDrag);
	Droppables.add("ID"+NomPage,{
								  onDrop : function(DivVolante,NomPage){changeTablePlace(DivVolante,NomPage);MiseAJourBDD($(DivVolante.up().id).id.replace("ID",""),$(NomPage.id).id.replace("ID",""));}
								  });
	
}//initDraggables
function checkDrag(event)//fonction qui va autoriser ou non le click
{
	if(isDragging == true )
	{
		event.stop();
	}
	isDragging = false;
}//checkDrag

function changeTablePlace(DivVolante,DivFixe)//fonction qui va changer de place les 2 tables concernée
{
	if($("table_BarreNavig_Moliere"))
	{
		var Table1 = $(DivVolante.up().id).up();
		var Table2 = DivFixe.up();
		var Table1Next1 = Table1.next();
		var Table1Next2 = Table1.next().next();
		var Table1Next3 = Table1.next().next().next();
		Insertion.Before(Table2,Table1);
		Insertion.After(Table1,Table1Next1);
		Insertion.After(Table1,Table1Next2);
		Insertion.After(Table1,Table1Next3);
		$(DivVolante.up().id).down().style.left = 0;
		$(DivVolante.up().id).down().style.top = 0;
		var page1 = $(DivVolante.up().id).id.replace("ID","");
		var page2 =DivFixe.id.replace("ID","");
	}
	else if($("table_NavigGaudi"))
	{
		var Table1 = $(DivVolante.up().id);
		var Table2 = DivFixe;
		Insertion.Before(Table2,Table1);
		Table1.down().style.left = 0;
		Table1.down().style.top = 0;
		var page1 = Table1.id.replace("ID","");
		var page2 = Table2.id.replace("ID","");
	}
	else
	{
		var Table1 = $(DivVolante.up().id);
		var Table2 = DivFixe;
		var TdNextTable1 = Table1.next();
		Insertion.Before(Table2,Table1);
		Insertion.After(Table1,TdNextTable1);
		Table1.down().style.left = 0;
		Table1.down().style.top = 0;
		var page1 = Table1.id.replace("ID","");
		var page2 = Table2.id.replace("ID","");
		CheckLongueurLigne();
	}
}//changeTablePlace

function CheckLongueurLigne()//fonction qui va verifier si les lignes ont la bonne taille
{
	var tabChild ;
	var idLigne = "Tablemenu"+ cptLigne;
	if(cptLigne == 1 )
	{
		tabChild = $(idLigne).down().down().childElements();
	}
	else
	{
		tabChild = $(idLigne).down().down().next().childElements();
	}
	var texte = "";
	for(i=0;i<tabChild.length;i++)
	{
		if(tabChild[i].id != "")
		{
			texte += tabChild[i].down().down().down().innerHTML;
		}
	}
	if(texte.length > 125 )
	{
		var cptLigneSuivante = cptLigne + 1 ;
		if($("Tablemenu"+cptLigneSuivante))
		{
			if(cptLigneSuivante == 1 )
			{
				var TdMenuLigneSuivante = $("Tablemenu"+cptLigneSuivante).down().down().childElements();
			}
			else
			{
				var TdMenuLigneSuivante = $("Tablemenu"+cptLigneSuivante).down().down().next().childElements();
			}
			changeTablePlace(tabChild[tabChild.length-3].down(),TdMenuLigneSuivante[1]);
		}
		else
		{
			cptLigne = 1;
		}
	}
	else
	{
		cptLigne++;
		if($("Tablemenu"+cptLigne))
		{
			CheckLongueurLigne()
		}
		else
		{
			cptLigne = 1;
		}
	}
}//CheckLongueurLigne

function MiseAJourBDD(page1,page2)//fonction qui va envoyer au serveur les nouvelles infos
{
	var srtCheminAspDocs = "";
	if($("CheminFichier"))
	{
		srtCheminAspDocs = $("CheminFichier").value;
	}
	new Ajax.Request(srtCheminAspDocs+"MiseAJourBDDMenuNavig.asp?"+"page1="+page1+"&page2="+page2,
	{
		method:"post",
		RequestHeader: ["Content-type", "application/x-www-form-urlencoded"],
		onFailure:function(requester){ alert(requester.responseText);},
		onSuccess:function(requester){ }
	});
}//MiseAJourBDD