//--Appels des librairies annexes
dojo.require("dojo.fx");
dojo.require("dojo.fx.easing");

//==============================================================
dojo.ready(function(){
//==============================================================
	var boxaccueil = dojo.byId("box-1")
		,boxbat1 = dojo.byId("box-bat-1")
		,boxbat2 = dojo.byId("box-bat-2")
		,boxbat3 = dojo.byId("box-bat-3")
		,boxbat4 = dojo.byId("box-bat-4")
		,boxbat5 = dojo.byId("box-bat-5")
		,boxbat6 = dojo.byId("box-bat-6")
		,boxbat7 = dojo.byId("box-bat-7")
		,boxbat8 = dojo.byId("box-bat-8")
		,boxinter1 = dojo.byId("box-inter-1")
		,boxinter2 = dojo.byId("box-inter-2")
		,boxinter3 = dojo.byId("box-inter-3")
		,boxinter4 = dojo.byId("box-inter-4")
		,boxinter5 = dojo.byId("box-inter-5")
		,boxinter6 = dojo.byId("box-inter-6")
		,boxinter7 = dojo.byId("box-inter-7")
		,boxinter8 = dojo.byId("box-inter-8")
		,boxinter9 = dojo.byId("box-inter-9")
		,boxinter10 = dojo.byId("box-inter-10")
		,plus = dojo.byId("plus")
		,moins = dojo.byId("moins")
		,plus1 = dojo.byId("plus-1")
		,moins1 = dojo.byId("moins-1")
		,plus2 = dojo.byId("plus-2")
		,moins2 = dojo.byId("moins-2")
		,plus3 = dojo.byId("plus-3")
		,moins3 = dojo.byId("moins-3")
		,plus4 = dojo.byId("plus-4")
		,moins4 = dojo.byId("moins-4")
		,plus5 = dojo.byId("plus-5")
		,moins5 = dojo.byId("moins-5")
		,plus6 = dojo.byId("plus-6")
		,moins6 = dojo.byId("moins-6")
		,plus7 = dojo.byId("plus-7")
		,moins7 = dojo.byId("moins-7")
		,next7 = dojo.byId("next-7")
		,moins8 = dojo.byId("moins-8")
		,moins9 = dojo.byId("moins-9")
		,moins10 = dojo.byId("moins-10")
		,back8 = dojo.byId("back-8")
		,next3 = dojo.byId("next-3")
		,next4 = dojo.byId("next-4")
		,next5 = dojo.byId("next-5")
		,next6 = dojo.byId("next-6")
		,next7 = dojo.byId("next-7")
		,next8 = dojo.byId("next-8")
		,next9 = dojo.byId("next-9")
		,back4 = dojo.byId("back-4")
		,back5 = dojo.byId("back-5")
		,back6 = dojo.byId("back-6")
		,back7 = dojo.byId("back-7")
		,back8 = dojo.byId("back-8")
		,back9 = dojo.byId("back-9")
		,back10 = dojo.byId("back-10")
	;
		
	var hibox1 = "135"
		,wibox2 = "150"
		,wfbox2 = "520"
		,hibox2 = "30"
		,wibox2inter = "275"
		,hibox2inter = "60"
		,wfbox2inter = "580"
	;
	
	var lftbox1 = "0"
		,lftbox2 = "185"
		,lftbox3 = "370"
		,lftbox4 = "555"
		,lftbox5 = "740"
		,lftbox6 = "0"
		,lftbox7 = "740"
		,lftbox8 = "-1000"
		,topini1 = "0"
		,topini2 = "50"
		,topdsp = "50"
		,topini2inter = "95"
		,topini3inter = "190"
		,lftbox2inter = "310"
		,topdspinter = "0"
	;

/*******************************
LOGO GC
*******************************/
	var logogc = dojo.byId("logo_gc");
	var GC = dojo.byId("GC");

	dojo.connect(logogc, "onmouseover", function(evt) {
		dojo.animateProperty({ easing: dojo.fx.easing.sineOut, duration: 400, node: logogc, properties: {top:-140, right:-50 }}).play();
		dojo.fadeIn({ node: GC }).play();
	});
	dojo.connect(logogc, "onmouseout", function(evt) {
		dojo.fadeOut({ node: GC }).play();
		dojo.animateProperty({ easing: dojo.fx.easing.sineOut, duration: 400, node: logogc, properties: {top: -58, right:0 }}).play();
	});
	
/*******************************
A PROPOS
*******************************/
	var aboutauteur = dojo.byId("aboutauteur");
	var aboutsite = dojo.byId("aboutsite");
	var box4 = dojo.byId("box-4");
	var box3 = dojo.byId("box-3");

/**/	dojo.connect(aboutsite, "onclick", function(evt) {
		var fo = dojo.fadeOut({ node: box4, duration: 400 });
		var fi = dojo.fadeIn({ node: box3, duration: 400 });
		var anim = dojo.fx.chain([fo,fi]);
		dojo.connect(anim,"beforeBegin", function(evt){
			dojo.style(aboutauteur,"backgroundColor","transparent");
			dojo.style(aboutsite,"backgroundColor","#dcdcdc");
			dojo.style(box3,"zIndex",10);
		});
		anim.play();
	});
	dojo.connect(aboutauteur, "onclick", function(evt) {
		var fo = dojo.fadeOut({ node: box3, duration: 400 });
		var fi = dojo.fadeIn({ node: box4, duration: 400 });
		var anim = dojo.fx.chain([fo,fi]);
		dojo.connect(anim,"beforeBegin", function(evt){
			dojo.style(aboutsite,"backgroundColor","transparent");
			dojo.style(aboutauteur,"backgroundColor","#dcdcdc");
			dojo.style(box3,"zIndex",-10);
		});
		anim.play();
	});

	var closeBrowser = dojo.byId('closebrowser');
	var browsers = dojo.byId('browsers');
	dojo.connect(closeBrowser,"onclick", function(evt) {
		dojo.fadeOut({ node: browsers, duration: 400 }).play();
	});
	
/*******************************
BIG BOXES
*******************************/
	var audio = dojo.byId("audio");
	
	dojo.connect(plus, "onclick", function(evt) {
		var wi = dojo.fx.wipeIn({ node: boxaccueil, duration: 400 });
		var fo = dojo.fadeOut({ node: plus });
		if(audio) {
			var fo2 = dojo.fadeOut({ node: audio });
			var anim = dojo.fx.chain([fo2,fo,wi]);
		} else {
			var anim = dojo.fx.chain([fo,wi]);
		}
		anim.play();
	});
	dojo.connect(moins, "onclick", function(evt) {
		var wo = dojo.animateProperty({ duration: 400, node: boxaccueil, properties: {height: hibox1} });
		var fi = dojo.fadeIn({ node:plus});
		if(audio) {
			var fi2 = dojo.fadeIn({ node: audio });
			var anim = dojo.fx.chain([wo,fi,fi2]);
		} else {
			var anim = dojo.fx.chain([wo,fi]);
		}
		anim.play();
	});

/*******************************
SMALL BOXES (Boîte-ŕ-trucs)
*******************************/
	//.............................................................................
	function chkPosInit(posvar,posinit,targetNode,targetPlus,leftinit,topinit,hibox2,wibox2) {
	//.............................................................................
		if(posvar != posinit) {
			var wo = dojo.animateProperty({ duration: 400, node: targetNode, properties: {height: hibox2} });
			var wid = dojo.animateProperty({ duration: 400, node: targetNode, properties: {width: wibox2} });
			var move = dojo.fx.slideTo({ node: targetNode, left: leftinit, top: topinit });
			
			var comb = dojo.fx.combine([wo,wid]);
			var anim = dojo.fx.chain([comb,move]);
			
			dojo.connect(anim, "onEnd", function(evt) {
				dojo.fadeIn({ node: targetPlus }).play();
			});
			
			anim.play();
		}
	}
	
	//.............................................................................
	function closeSubBoxAndResetParent(posvar,posinit,targetNodeParent,targetNodeSub,targetPlus,leftinit,topinit,hibox2,wibox2) {
	//.............................................................................
			if(posvar != posinit) {
			var wo = dojo.animateProperty({ duration: 400, node: targetNodeParent, properties: {height: hibox2} });
			var wid = dojo.animateProperty({ duration: 400, node: targetNodeParent, properties: {width: wibox2} });
			var move = dojo.fx.slideTo({ node: targetNodeParent, left: leftinit, top: topinit });
			
			var comb = dojo.fx.combine([wo,wid]);
			var anim = dojo.fx.chain([comb,move]);
			
			dojo.connect(anim, "beforeBegin", function(evt) {
				dojo.style(targetNodeSub, "left", ""+posinit+"px");
				dojo.fadeIn({ node: targetNodeParent }).play();
			});
			
			dojo.connect(anim, "onEnd", function(evt) {
				dojo.fadeIn({ node: targetPlus }).play();
			});
			
			anim.play();
		}
	}
	
	//.............................................................................
	function displayBox(targetNode,targetPlus,lftbox2,topdsp,wfbox2) {
	//.............................................................................
		var move = dojo.fx.slideTo({ node: targetNode, left: lftbox2, top: topdsp });
		var fo = dojo.fadeOut({ node: targetPlus });
		var wi = dojo.fx.wipeIn({ node: targetNode, duration: 400 });
		var wid = dojo.animateProperty({ duration: 400, node: targetNode, properties: { width: wfbox2 } });
		
		var comb = dojo.fx.combine([wi,wid]);
		
		var anim = dojo.fx.chain([fo,move,comb]);

		anim.play();
	}
	
	//.............................................................................
	function closeBox(targetNode,targetPlus,leftinit,topinit,hibox2,wibox2) {
	//.............................................................................
		var wo = dojo.animateProperty({ duration: 400, node: targetNode, properties: {height: hibox2} });
		var wid = dojo.animateProperty({ duration: 400, node: targetNode, properties: {width: wibox2} });
		var move = dojo.fx.slideTo({ node: targetNode, left: leftinit, top: topinit });
		
		var comb = dojo.fx.combine([wo,wid]);
		var anim = dojo.fx.chain([comb,move]);
		
		dojo.connect(anim, "onEnd", function(evt) {
			dojo.fadeIn({ node: targetPlus }).play();
		});
		
		anim.play();
	}
	//.............................................................................
	
/*#################################
INTERNET
#################################*/
	/**********************
	BOXINTER1
	**********************/
	//--Ouverture------------
	dojo.connect(plus1, "onclick", function(evt) {

		//--Vérification de la position des autres boxes :
		//--Si !=0 (ouvert) on joue l'anim de fermeture
		var pos2 = parseInt(dojo.style(boxinter2, "top"))
			,pos3 = parseInt(dojo.style(boxinter3, "top"))
			,pos4 = parseInt(dojo.style(boxinter4, "left"))
			,pos5 = parseInt(dojo.style(boxinter5, "left"))
			,pos6 = parseInt(dojo.style(boxinter6, "left"))
			,pos7 = parseInt(dojo.style(boxinter7, "left"))
			,pos8 = parseInt(dojo.style(boxinter8, "left"))
			,pos9 = parseInt(dojo.style(boxinter9, "left"))
			,pos10 = parseInt(dojo.style(boxinter10, "left"))
		;

		chkPosInit(pos2,topini2inter,boxinter2,plus2,lftbox1,topini2inter,hibox2inter,wibox2inter);
		chkPosInit(pos3,topini3inter,boxinter3,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		
		closeSubBoxAndResetParent(pos4,lftbox8,boxinter3,boxinter4,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		closeSubBoxAndResetParent(pos5,lftbox8,boxinter3,boxinter5,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		closeSubBoxAndResetParent(pos6,lftbox8,boxinter3,boxinter6,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		closeSubBoxAndResetParent(pos7,lftbox8,boxinter3,boxinter7,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		closeSubBoxAndResetParent(pos8,lftbox8,boxinter3,boxinter8,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		closeSubBoxAndResetParent(pos9,lftbox8,boxinter3,boxinter9,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		closeSubBoxAndResetParent(pos10,lftbox8,boxinter3,boxinter10,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);

		displayBox(boxinter1,plus1,lftbox2inter,topdspinter,wfbox2inter);	
		
	});
	
	//--Fermeture------------
	dojo.connect(moins1, "onclick", function(evt) {
		closeBox(boxinter1,plus1,lftbox1,topini1,hibox2inter,wibox2inter);
	});
	
	/**********************
	BOXINTER2
	**********************/
	//--Ouverture------------
	dojo.connect(plus2, "onclick", function(evt) {

		//--Vérification de la position des autres boxes :
		//--Si !=0 (ouvert) on joue l'anim de fermeture
		var pos1 = parseInt(dojo.style(boxinter1, "left"))
			,pos3 = parseInt(dojo.style(boxinter3, "top"))
			,pos4 = parseInt(dojo.style(boxinter4, "left"))
			,pos5 = parseInt(dojo.style(boxinter5, "left"))
			,pos6 = parseInt(dojo.style(boxinter6, "left"))
			,pos7 = parseInt(dojo.style(boxinter7, "left"))
			,pos8 = parseInt(dojo.style(boxinter8, "left"))
			,pos9 = parseInt(dojo.style(boxinter9, "left"))
			,pos10 = parseInt(dojo.style(boxinter10, "left"))
		;

		chkPosInit(pos1,topini1,boxinter1,plus1,lftbox1,topini1,hibox2inter,wibox2inter);
		chkPosInit(pos3,topini3inter,boxinter3,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		
		closeSubBoxAndResetParent(pos4,lftbox8,boxinter3,boxinter4,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		closeSubBoxAndResetParent(pos5,lftbox8,boxinter3,boxinter5,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		closeSubBoxAndResetParent(pos6,lftbox8,boxinter3,boxinter6,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		closeSubBoxAndResetParent(pos7,lftbox8,boxinter3,boxinter7,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		closeSubBoxAndResetParent(pos8,lftbox8,boxinter3,boxinter8,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		closeSubBoxAndResetParent(pos9,lftbox8,boxinter3,boxinter9,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
		closeSubBoxAndResetParent(pos10,lftbox8,boxinter3,boxinter10,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);

		displayBox(boxinter2,plus2,lftbox2inter,topdspinter,wfbox2inter);	
		
	});
	
	//--Fermeture------------
	dojo.connect(moins2, "onclick", function(evt) {
		closeBox(boxinter2,plus2,lftbox1,topini2inter,hibox2inter,wibox2inter);
	});
	
	/**********************
	BOXINTER3
	**********************/
	//--Ouverture------------
	dojo.connect(plus3, "onclick", function(evt) {

		//--Vérification de la position des autres boxes :
		//--Si !=0 (ouvert) on joue l'anim de fermeture
		var pos1 = parseInt(dojo.style(boxinter1, "left"))
			,pos2 = parseInt(dojo.style(boxinter2, "top"))
		;

		chkPosInit(pos1,topini1,boxinter1,plus1,lftbox1,topini1,hibox2inter,wibox2inter);
		chkPosInit(pos2,topini2inter,boxinter2,plus2,lftbox1,topini2inter,hibox2inter,wibox2inter);

		displayBox(boxinter3,plus3,lftbox2inter,topdspinter,wfbox2inter);	
		
	});
	
	//--Fermeture------------
	dojo.connect(moins3, "onclick", function(evt) {
		closeBox(boxinter3,plus3,lftbox1,topini3inter,hibox2inter,wibox2inter);
	});
	
	//--SubBox : boxinter4----------------------------------------------
	//........................................................
	function nextSubBox(next,currentBox,nextBox) {
	//........................................................
		dojo.connect(next, "onclick", function(evt) {
			var fo = dojo.fadeOut({node: currentBox, duration: 400});
			var fi = dojo.fadeIn({node: nextBox, duration: 400});
			var wi = dojo.fx.wipeIn({ node: nextBox, duration: 400});
			
			var anim = dojo.fx.combine([fo,fi,wi]);
			
			dojo.connect(anim, "beforeBegin", function() {
				dojo.style(nextBox, "left", ""+lftbox2inter+"px");
				dojo.style(nextBox, "top", ""+topini1+"px");
				dojo.style(nextBox, "width", ""+wfbox2inter+"px");
			});
			
			anim.play();
			
		});
	}
	//........................................................
	function backSubBox(back,currentBox,backBox) {
	//........................................................
		dojo.connect(back, "onclick", function(evt) {
			var fo = dojo.fadeOut({node: currentBox, duration: 400});
			var fi = dojo.fadeIn({node: backBox, duration: 400});
			var wi = dojo.fx.wipeIn({ node: backBox, duration: 400});
			
			var anim = dojo.fx.combine([fo,fi,wi]);
			
			dojo.connect(anim, "beforeBegin", function() {
				dojo.style(currentBox, "left", ""+lftbox8+"px");
			});
			
			anim.play();
			
		});
	}
	//........................................................
	function closeSubBox(moins,parentBox,firstChildBox,secondChildBox,thirdChildBox,fourthChildBox,fithChildBox,sixthChildBox,currentBox,plus) {
	//........................................................
		dojo.connect(moins, "onclick", function(evt) {
			var wo = dojo.animateProperty({ duration: 400, node: parentBox, properties: {height: hibox2inter} });
			var wid = dojo.animateProperty({ duration: 400, node: parentBox, properties: {width: wibox2inter} });
			var move = dojo.fx.slideTo({ node: parentBox, left: lftbox1, top: topini3inter });
			
			var comb = dojo.fx.combine([wo,wid]);
			var anim = dojo.fx.chain([comb,move]);
			
			dojo.connect(anim, "beforeBegin", function(evt) {
				dojo.style(currentBox, "left", ""+lftbox8+"px");
				if(firstChildBox!='') dojo.style(firstChildBox, "left", ""+lftbox8+"px");
				if(secondChildBox!='') dojo.style(secondChildBox, "left", ""+lftbox8+"px");
				if(thirdChildBox!='') dojo.style(thirdChildBox, "left", ""+lftbox8+"px");
				if(fourthChildBox!='') dojo.style(fourthChildBox, "left", ""+lftbox8+"px");
				if(fithChildBox!='') dojo.style(fithChildBox, "left", ""+lftbox8+"px");
				if(sixthChildBox!='') dojo.style(sixthChildBox, "left", ""+lftbox8+"px");
				dojo.fadeIn({ node: parentBox }).play();
			});
			
			dojo.connect(anim, "onEnd", function(evt) {
				dojo.style(currentBox, "left", ""+lftbox8+"px");
				dojo.fadeIn({ node: plus }).play();
			});
			
			anim.play();
			
		});
	}
	
	nextSubBox(next3,boxinter3,boxinter4);
	nextSubBox(next4,boxinter4,boxinter5);
	nextSubBox(next5,boxinter5,boxinter6);
	nextSubBox(next6,boxinter6,boxinter7);
	nextSubBox(next7,boxinter7,boxinter8);
	nextSubBox(next8,boxinter8,boxinter9);
	nextSubBox(next9,boxinter9,boxinter10);

	backSubBox(back4,boxinter4,boxinter3);
	backSubBox(back5,boxinter5,boxinter4);
	backSubBox(back6,boxinter6,boxinter5);
	backSubBox(back7,boxinter7,boxinter6);
	backSubBox(back8,boxinter8,boxinter7);
	backSubBox(back9,boxinter9,boxinter8);
	backSubBox(back10,boxinter10,boxinter9);
	
	closeSubBox(moins4,boxinter3,'','','','','','',boxinter4,plus3);
	closeSubBox(moins5,boxinter3,boxinter4,'','','','','',boxinter5,plus3);
	closeSubBox(moins6,boxinter3,boxinter4,boxinter5,'','','','',boxinter6,plus3);
	closeSubBox(moins7,boxinter3,boxinter4,boxinter5,boxinter6,'','','',boxinter7,plus3);
	closeSubBox(moins8,boxinter3,boxinter4,boxinter5,boxinter6,boxinter7,'','',boxinter8,plus3);
	closeSubBox(moins9,boxinter3,boxinter4,boxinter5,boxinter6,boxinter7,boxinter8,'',boxinter9,plus3);
	closeSubBox(moins10,boxinter3,boxinter4,boxinter5,boxinter6,boxinter7,boxinter8,boxinter9,boxinter10,plus3);

	
/*#################################
BOITE-A-TRUCS
#################################*/
	/**********************
	BOXBAT1
	**********************/
	//--Ouverture------------
	dojo.connect(plus1, "onclick", function(evt) {

		//--Vérification de la position des autres boxes :
		//--Si !=0 (ouvert) on joue l'anim de fermeture
		var pos1 = parseInt(dojo.style(boxbat1, "top"))
			,pos2 = parseInt(dojo.style(boxbat2, "top"))
			,pos3 = parseInt(dojo.style(boxbat3, "top"))
			,pos4 = parseInt(dojo.style(boxbat4, "top"))
			,pos5 = parseInt(dojo.style(boxbat5, "top"))
			,pos6 = parseInt(dojo.style(boxbat6, "left"))
			,pos7 = parseInt(dojo.style(boxbat7, "left"))
			,pos8 = parseInt(dojo.style(boxbat8, "left"))
		;

		chkPosInit(pos2,topini1,boxbat2,plus2,lftbox2,topini1,hibox2,wibox2);
		chkPosInit(pos3,topini1,boxbat3,plus3,lftbox3,topini1,hibox2,wibox2);
		chkPosInit(pos4,topini1,boxbat4,plus4,lftbox4,topini1,hibox2,wibox2);
		chkPosInit(pos5,topini1,boxbat5,plus5,lftbox5,topini1,hibox2,wibox2);
		chkPosInit(pos6,lftbox6,boxbat6,plus6,lftbox6,topini2,hibox2,wibox2);
		chkPosInit(pos7,lftbox7,boxbat7,plus7,lftbox7,topini2,hibox2,wibox2);
		
		closeSubBoxAndResetParent(pos8,lftbox8,boxbat7,boxbat8,plus7,lftbox7,topini2,hibox2,wibox2);

		displayBox(boxbat1,plus1,lftbox2,topdsp,wfbox2);	
		
	});
	
	//--Fermeture------------
	dojo.connect(moins1, "onclick", function(evt) {
		closeBox(boxbat1,plus1,lftbox1,topini1,hibox2,wibox2);
	});

	/**********************
	BOXBAT2
	**********************/
	//--Ouverture------------
	dojo.connect(plus2, "onclick", function(evt) {

		//--Vérification de la position des autres boxes :
		//--Si !=0 (ouvert) on joue l'anim de fermeture
		var pos1 = parseInt(dojo.style(boxbat1, "top"))
			,pos2 = parseInt(dojo.style(boxbat2, "top"))
			,pos3 = parseInt(dojo.style(boxbat3, "top"))
			,pos4 = parseInt(dojo.style(boxbat4, "top"))
			,pos5 = parseInt(dojo.style(boxbat5, "top"))
			,pos6 = parseInt(dojo.style(boxbat6, "left"))
			,pos7 = parseInt(dojo.style(boxbat7, "left"))
			,pos8 = parseInt(dojo.style(boxbat8, "left"))
		;
		
		chkPosInit(pos1,topini1,boxbat1,plus1,lftbox1,topini1,hibox2,wibox2);
		chkPosInit(pos3,topini1,boxbat3,plus3,lftbox3,topini1,hibox2,wibox2);
		chkPosInit(pos4,topini1,boxbat4,plus4,lftbox4,topini1,hibox2,wibox2);
		chkPosInit(pos5,topini1,boxbat5,plus5,lftbox5,topini1,hibox2,wibox2);
		chkPosInit(pos6,lftbox6,boxbat6,plus6,lftbox6,topini2,hibox2,wibox2);
		chkPosInit(pos7,lftbox7,boxbat7,plus7,lftbox7,topini2,hibox2,wibox2);
		
		closeSubBoxAndResetParent(pos8,lftbox8,boxbat7,boxbat8,plus7,lftbox7,topini2,hibox2,wibox2);
	
		displayBox(boxbat2,plus2,lftbox2,topdsp,wfbox2);	

	});
	
	//--Fermeture------------
	dojo.connect(moins2, "onclick", function(evt) {
		closeBox(boxbat2,plus2,lftbox2,topini1,hibox2,wibox2);
	});

	/**********************
	BOXBAT3
	**********************/
	//--Ouverture------------
	dojo.connect(plus3, "onclick", function(evt) {

		//--Vérification de la position des autres boxes :
		//--Si !=0 (ouvert) on joue l'anim de fermeture
		var pos1 = parseInt(dojo.style(boxbat1, "top"))
			,pos2 = parseInt(dojo.style(boxbat2, "top"))
			,pos3 = parseInt(dojo.style(boxbat3, "top"))
			,pos4 = parseInt(dojo.style(boxbat4, "top"))
			,pos5 = parseInt(dojo.style(boxbat5, "top"))
			,pos6 = parseInt(dojo.style(boxbat6, "left"))
			,pos7 = parseInt(dojo.style(boxbat7, "left"))
			,pos8 = parseInt(dojo.style(boxbat8, "left"))
		;
		
		chkPosInit(pos1,topini1,boxbat1,plus1,lftbox1,topini1,hibox2,wibox2);
		chkPosInit(pos2,topini1,boxbat2,plus2,lftbox2,topini1,hibox2,wibox2);
		chkPosInit(pos4,topini1,boxbat4,plus4,lftbox4,topini1,hibox2,wibox2);
		chkPosInit(pos5,topini1,boxbat5,plus5,lftbox5,topini1,hibox2,wibox2);
		chkPosInit(pos6,lftbox6,boxbat6,plus6,lftbox6,topini2,hibox2,wibox2);
		chkPosInit(pos7,lftbox7,boxbat7,plus7,lftbox7,topini2,hibox2,wibox2);
		
		closeSubBoxAndResetParent(pos8,lftbox8,boxbat7,boxbat8,plus7,lftbox7,topini2,hibox2,wibox2);
	
		displayBox(boxbat3,plus3,lftbox2,topdsp,wfbox2);	

	});
	
	//--Fermeture------------
	dojo.connect(moins3, "onclick", function(evt) {
		closeBox(boxbat3,plus3,lftbox3,topini1,hibox2,wibox2);
	});

	/**********************
	BOXBAT4
	**********************/
	//--Ouverture------------
	dojo.connect(plus4, "onclick", function(evt) {

		//--Vérification de la position des autres boxes :
		//--Si !=0 (ouvert) on joue l'anim de fermeture
		var pos1 = parseInt(dojo.style(boxbat1, "top"))
			,pos2 = parseInt(dojo.style(boxbat2, "top"))
			,pos3 = parseInt(dojo.style(boxbat3, "top"))
			,pos4 = parseInt(dojo.style(boxbat4, "top"))
			,pos5 = parseInt(dojo.style(boxbat5, "top"))
			,pos6 = parseInt(dojo.style(boxbat6, "left"))
			,pos7 = parseInt(dojo.style(boxbat7, "left"))
			,pos8 = parseInt(dojo.style(boxbat8, "left"))
		;
		
		chkPosInit(pos1,topini1,boxbat1,plus1,lftbox1,topini1,hibox2,wibox2);
		chkPosInit(pos2,topini1,boxbat2,plus2,lftbox2,topini1,hibox2,wibox2);
		chkPosInit(pos3,topini1,boxbat3,plus3,lftbox3,topini1,hibox2,wibox2);
		chkPosInit(pos5,topini1,boxbat5,plus5,lftbox5,topini1,hibox2,wibox2);
		chkPosInit(pos6,lftbox6,boxbat6,plus6,lftbox6,topini2,hibox2,wibox2);
		chkPosInit(pos7,lftbox7,boxbat7,plus7,lftbox7,topini2,hibox2,wibox2);
		
		closeSubBoxAndResetParent(pos8,lftbox8,boxbat7,boxbat8,plus7,lftbox7,topini2,hibox2,wibox2);
	
		displayBox(boxbat4,plus4,lftbox2,topdsp,wfbox2);	

	});
	
	//--Fermeture------------
	dojo.connect(moins4, "onclick", function(evt) {
		closeBox(boxbat4,plus4,lftbox4,topini1,hibox2,wibox2);
	});

	/**********************
	BOXBAT5
	**********************/
	//--Ouverture------------
	dojo.connect(plus5, "onclick", function(evt) {

		//--Vérification de la position des autres boxes :
		//--Si !=0 (ouvert) on joue l'anim de fermeture
		var pos1 = parseInt(dojo.style(boxbat1, "top"))
			,pos2 = parseInt(dojo.style(boxbat2, "top"))
			,pos3 = parseInt(dojo.style(boxbat3, "top"))
			,pos4 = parseInt(dojo.style(boxbat4, "top"))
			,pos5 = parseInt(dojo.style(boxbat5, "top"))
			,pos6 = parseInt(dojo.style(boxbat6, "left"))
			,pos7 = parseInt(dojo.style(boxbat7, "left"))
			,pos8 = parseInt(dojo.style(boxbat8, "left"))
		;
		
		chkPosInit(pos1,topini1,boxbat1,plus1,lftbox1,topini1,hibox2,wibox2);
		chkPosInit(pos2,topini1,boxbat2,plus2,lftbox2,topini1,hibox2,wibox2);
		chkPosInit(pos3,topini1,boxbat3,plus3,lftbox3,topini1,hibox2,wibox2);
		chkPosInit(pos4,topini1,boxbat4,plus4,lftbox4,topini1,hibox2,wibox2);
		chkPosInit(pos6,lftbox6,boxbat6,plus6,lftbox6,topini2,hibox2,wibox2);
		chkPosInit(pos7,lftbox7,boxbat7,plus7,lftbox7,topini2,hibox2,wibox2);
		
		closeSubBoxAndResetParent(pos8,lftbox8,boxbat7,boxbat8,plus7,lftbox7,topini2,hibox2,wibox2);
	
		displayBox(boxbat5,plus5,lftbox2,topdsp,wfbox2);	

	});
	
	//--Fermeture------------
	dojo.connect(moins5, "onclick", function(evt) {
		closeBox(boxbat5,plus5,lftbox5,topini1,hibox2,wibox2);
	});
		
	/**********************
	BOXBAT6
	**********************/
	//--Ouverture------------
	dojo.connect(plus6, "onclick", function(evt) {

		//--Vérification de la position des autres boxes :
		//--Si !=0 (ouvert) on joue l'anim de fermeture
		var pos1 = parseInt(dojo.style(boxbat1, "top"))
			,pos2 = parseInt(dojo.style(boxbat2, "top"))
			,pos3 = parseInt(dojo.style(boxbat3, "top"))
			,pos4 = parseInt(dojo.style(boxbat4, "top"))
			,pos5 = parseInt(dojo.style(boxbat5, "top"))
			,pos6 = parseInt(dojo.style(boxbat6, "left"))
			,pos7 = parseInt(dojo.style(boxbat7, "left"))
			,pos8 = parseInt(dojo.style(boxbat8, "left"))
		;
		
		chkPosInit(pos1,topini1,boxbat1,plus1,lftbox1,topini1,hibox2,wibox2);
		chkPosInit(pos2,topini1,boxbat2,plus2,lftbox2,topini1,hibox2,wibox2);
		chkPosInit(pos3,topini1,boxbat3,plus3,lftbox3,topini1,hibox2,wibox2);
		chkPosInit(pos4,topini1,boxbat4,plus4,lftbox4,topini1,hibox2,wibox2);
		chkPosInit(pos5,topini1,boxbat5,plus5,lftbox5,topini1,hibox2,wibox2);
		chkPosInit(pos7,lftbox7,boxbat7,plus7,lftbox7,topini2,hibox2,wibox2);
		
		closeSubBoxAndResetParent(pos8,lftbox8,boxbat7,boxbat8,plus7,lftbox7,topini2,hibox2,wibox2);
	
		displayBox(boxbat6,plus6,lftbox2,topdsp,wfbox2);	

	});
	
	//--Fermeture------------
	dojo.connect(moins6, "onclick", function(evt) {
		closeBox(boxbat6,plus6,lftbox6,topini2,hibox2,wibox2);
	});

	/**********************
	BOXBAT7
	**********************/
	//--Ouverture------------
	dojo.connect(plus7, "onclick", function(evt) {

		//--Vérification de la position des autres boxes :
		var pos1 = parseInt(dojo.style(boxbat1, "top"))
			,pos2 = parseInt(dojo.style(boxbat2, "top"))
			,pos3 = parseInt(dojo.style(boxbat3, "top"))
			,pos4 = parseInt(dojo.style(boxbat4, "top"))
			,pos5 = parseInt(dojo.style(boxbat5, "top"))
			,pos6 = parseInt(dojo.style(boxbat6, "left"))
			,pos7 = parseInt(dojo.style(boxbat7, "left"))
			,pos8 = parseInt(dojo.style(boxbat8, "left"))
		;
		
		//--Si !=0 (ouvert) on joue l'anim de fermeture
		chkPosInit(pos1,topini1,boxbat1,plus1,lftbox1,topini1,hibox2,wibox2);
		chkPosInit(pos2,topini1,boxbat2,plus2,lftbox2,topini1,hibox2,wibox2);
		chkPosInit(pos3,topini1,boxbat3,plus3,lftbox3,topini1,hibox2,wibox2);
		chkPosInit(pos4,topini1,boxbat4,plus4,lftbox4,topini1,hibox2,wibox2);
		chkPosInit(pos5,topini1,boxbat5,plus5,lftbox5,topini1,hibox2,wibox2);
		chkPosInit(pos6,lftbox6,boxbat6,plus6,lftbox6,topini2,hibox2,wibox2);
	
		//--Affichage
		displayBox(boxbat7,plus7,lftbox2,topdsp,wfbox2);	

	});
	
	//--Fermeture------------
	dojo.connect(moins7, "onclick", function(evt) {
		closeBox(boxbat7,plus7,lftbox7,topini2,hibox2,wibox2);
	});
	
	
	//--SubBox : boxbat8----------------------------------------------
	dojo.connect(next7, "onclick", function(evt) {
		var fo = dojo.fadeOut({node: boxbat7, duration: 400});
		var fi = dojo.fadeIn({node: boxbat8, duration: 400});
		var wi = dojo.fx.wipeIn({ node: boxbat8, duration: 400});
		
		var anim = dojo.fx.combine([fo,fi,wi]);
		
		dojo.connect(anim, "beforeBegin", function() {
			dojo.style(boxbat8, "left", ""+lftbox2+"px");
		});
		
		anim.play();
		
	});
	dojo.connect(back8, "onclick", function(evt) {
		var fo = dojo.fadeOut({node: boxbat8, duration: 400});
		var fi = dojo.fadeIn({node: boxbat7, duration: 400});
		var wi = dojo.fx.wipeIn({ node: boxbat7, duration: 400});
		
		var anim = dojo.fx.combine([fo,fi,wi]);
		
		dojo.connect(anim, "beforeBegin", function() {
			dojo.style(boxbat8, "left", ""+lftbox8+"px");
		});
		
		anim.play();
		
	});
	dojo.connect(moins8, "onclick", function(evt) {
		var wo = dojo.animateProperty({ duration: 400, node: boxbat7, properties: {height: hibox2} });
		var wid = dojo.animateProperty({ duration: 400, node: boxbat7, properties: {width: wibox2} });
		var move = dojo.fx.slideTo({ node: boxbat7, left: lftbox7, top: topini2 });
		
		var comb = dojo.fx.combine([wo,wid]);
		var anim = dojo.fx.chain([comb,move]);
		
		dojo.connect(anim, "beforeBegin", function(evt) {
			dojo.style(boxbat8, "left", ""+lftbox8+"px");
			dojo.fadeIn({ node: boxbat7 }).play();
		});
		
		dojo.connect(anim, "onEnd", function(evt) {
			dojo.fadeIn({ node: plus7 }).play();
		});
		
		anim.play();
		
	});

/**/
	
});