//variable 

var tailleMod=710;
var posG=1100;  //definir en fonction de la position G
var posD=posG+tailleMod; 
var pas=180; //100 parait bien
/////////////////////////////////////////////////////////////////////////////limite a remettre var limite=2859; //limite point1
//var limite=2208; //limite stan
var limite=2859;
var tps=650;
var limitedebut=0;
var text;
var cont;
var show=false;
var isShow=false;
var timer;
var deplace=false;
var zoomTabPt;

//var pour le zoom
var ptActive="point1";
var niveauZoom=1;
var zoomTab;

//deplacement vertical
var posH=0;
var limiteB=400;
var pasV=40;

//var qui permettent de dire si un chargement a été effectué
var chrPT2=false;

//chargement
//mettre a false
var chargeStan=false;
var chargeEsc=false;
var chargeEsc2=false;
var chargeCoin=false;
var chargeToilette=false;

function initVar(){
	cont=document.getElementById('conteneur3D');
	text=document.getElementById('text');
	
	
	//initialiser le zoomTab ==>> l'indice est le point / pour chaque point donne un tableau avec hauteur-largeur pour chaque indice
	zoomTab=new Array();
	zoomTab['point1']=new Array();
	zoomTab['point1'][1]=new Array();
	zoomTab['point1'][1]['hauteur']=400;
	zoomTab['point1'][1]['longueur']=5718; //taille d'une image*2 donc limite*2
	zoomTab['point1'][2]=new Array(); //rapport 1.15 par rapport au zoom 
	zoomTab['point1'][2]['longueur']=6576;
	zoomTab['point1'][2]['hauteur']=460;
	zoomTab['point1'][3]=new Array(); //rapport 1.3 par rapport au zoom et 1.13 par rapport au zoom 2
	zoomTab['point1'][3]['longueur']=7434;
	zoomTab['point1'][3]['hauteur']=520;
	
	
	zoomTab['point2']=new Array();
	zoomTab['point2'][1]=new Array();
	zoomTab['point2'][1]['hauteur']=400;
	zoomTab['point2'][1]['longueur']=4416; //taille d'une image*2 donc limite*2
	zoomTab['point2'][2]=new Array(); //rapport 1.15 par rapport au zoom 
	zoomTab['point2'][2]['longueur']=5078;
	zoomTab['point2'][2]['hauteur']=460;
	zoomTab['point2'][3]=new Array(); //rapport 1.3 par rapport au zoom et 1.13 par rapport au zoom 2
	zoomTab['point2'][3]['longueur']=5740;
	zoomTab['point2'][3]['hauteur']=520;
	
	zoomTab['point3']=new Array();
	zoomTab['point3'][1]=new Array();
	zoomTab['point3'][1]['hauteur']=400;
	zoomTab['point3'][1]['longueur']=5774; //taille d'une image*2 donc limite*2
	zoomTab['point3'][2]=new Array(); //rapport 1.15 par rapport au zoom 
	zoomTab['point3'][2]['longueur']=6640;
	zoomTab['point3'][2]['hauteur']=460;
	zoomTab['point3'][3]=new Array(); //rapport 1.3 par rapport au zoom et 1.13 par rapport au zoom 2
	zoomTab['point3'][3]['longueur']=7506;
	zoomTab['point3'][3]['hauteur']=520;
	
	zoomTab['point4']=new Array();
	zoomTab['point4'][1]=new Array();
	zoomTab['point4'][1]['hauteur']=400;
	zoomTab['point4'][1]['longueur']=5078; //taille d'une image*2 donc limite*2
	zoomTab['point4'][2]=new Array(); //rapport 1.15 par rapport au zoom 
	zoomTab['point4'][2]['longueur']=5840;
	zoomTab['point4'][2]['hauteur']=460;
	zoomTab['point4'][3]=new Array(); //rapport 1.3 par rapport au zoom et 1.13 par rapport au zoom 2
	zoomTab['point4'][3]['longueur']=6602;
	zoomTab['point4'][3]['hauteur']=520;
	
	zoomTab['point5']=new Array();
	zoomTab['point5'][1]=new Array();
	zoomTab['point5'][1]['hauteur']=400;
	zoomTab['point5'][1]['longueur']=6342; //taille d'une image*2 donc limite*2
	zoomTab['point5'][2]=new Array(); //rapport 1.15 par rapport au zoom 
	zoomTab['point5'][2]['longueur']=7294;
	zoomTab['point5'][2]['hauteur']=460;
	zoomTab['point5'][3]=new Array(); //rapport 1.3 par rapport au zoom et 1.13 par rapport au zoom 2
	zoomTab['point5'][3]['longueur']=8244;
	zoomTab['point5'][3]['hauteur']=520;
	
	zoomTab['point6']=new Array();
	zoomTab['point6'][1]=new Array();
	zoomTab['point6'][1]['hauteur']=400;
	zoomTab['point6'][1]['longueur']=6126; //taille d'une image*2 donc limite*2
	zoomTab['point6'][2]=new Array(); //rapport 1.15 par rapport au zoom 
	zoomTab['point6'][2]['longueur']=7044;
	zoomTab['point6'][2]['hauteur']=460;
	zoomTab['point6'][3]=new Array(); //rapport 1.3 par rapport au zoom et 1.13 par rapport au zoom 2
	zoomTab['point6'][3]['longueur']=7964;
	zoomTab['point6'][3]['hauteur']=520;
	
}

function deplaceG(){
	if(!deplace){
		if(posG-pas>=limitedebut){
			deplace=true;
			jQuery('#conteneur3D').animate({marginLeft: '+='+pas+'px'}, tps, function(){				
				posD-=pas;
				posG-=pas;
				if(posG==limitedebut){
					cont.style.marginLeft=-limite+'px';
					posG=limite;
					posD=limite+tailleMod;
				}
				deplace=false;
			});
		}
		else{
			if(posG<(pas+limitedebut) && posG>limitedebut){
				deplace=true;
				cont.style.marginLeft=-(posG+limite)+'px';
				jQuery('#conteneur3D').animate({marginLeft: '+='+pas+'px'}, tps, function(){				
					posD+=limite-pas;
					posG+=limite-pas;
					deplace=false;
				});
			}
		}
	}
}

function deplaceD(){
	if(!deplace){
		if(posD+pas<=2*limite){
			deplace=true;
			jQuery('#conteneur3D').animate({marginLeft: '-='+pas+'px'}, tps, function(){				
				posD+=pas;
				posG+=pas;
				if(posD==2*limite){
					cont.style.marginLeft=-(limite-tailleMod)+"px";//
					posD=limite;
					posG=limite-tailleMod;
				}
				deplace=false;
			});
		}
		else{
			if(2*limite-posD<pas && posD<2*limite){
				deplace=true;
				cont.style.marginLeft=-(posG-limite)+"px";
				jQuery('#conteneur3D').animate({marginLeft: '-='+pas+'px'}, tps, function(){				
					posD+=-limite+pas;
					posG+=-limite+pas;
					deplace=false;
				});
			}
		}
	}
}

function deplaceH(){
	//orientation vers +l'infinie
	if(!deplace){
		if(posH-pasV>=0){
			deplace=true;
			posH-=pasV;
			jQuery('#conteneur3D').animate({marginTop: -posH+'px'}, 500, function(){
				deplace=false;
			});
		}
		if(posH-pasV<0 && posH>0){
			deplace=true;
			posH=0;
			jQuery('#conteneur3D').animate({marginTop: '0px'}, 500, function(){
				deplace=false;
			});
		}
	}
}

function deplaceB(){
	if(!deplace){
		if(posH+400+pasV<=limiteB){
			deplace=true;
			posH+=pasV;
			jQuery('#conteneur3D').animate({marginTop: -posH+'px'}, 500, function(){
				deplace=false;
			});
		}
		if(posH+400+pasV>limiteB && posH+400<limiteB){
			deplace=true;
			posH=limiteB-400;
			jQuery('#conteneur3D').animate({marginTop: -posH+'px'}, 500, function(){
				deplace=false;
			});
		}	
	}
}

function setFleche(fleche, etat){
	switch(fleche){
		case 'H':
			fh=document.getElementById('FH');
			fhs=document.getElementById('FHS');
			if(etat){
				fh.src="mod3D/image/icon/FHS1.png";
				fhs.style.visibility="visible";
			}
			else{
				fh.src="mod3D/image/icon/FH.png";
				fhs.style.visibility="hidden";
			}
		break;
		case 'G':
			div=document.getElementById('fg'); //div
			img=document.getElementById('fgimg'); //image
			select=document.getElementById('fgs'); //selection
			if(etat){
				div.style.marginTop="0px";
				img.src="mod3D/image/icon/FGS1.png";
				select.style.visibility="visible";
			}
			else{
				div.style.marginTop="4px";
				img.src="mod3D/image/icon/FG.png";
				select.style.visibility="hidden";
			}
		break;
		case 'D':
			div=document.getElementById('fd'); //div
			img=document.getElementById('fdimg'); //image
			select=document.getElementById('fds'); //selection
			if(etat){
				div.style.marginTop="-6px";
				img.src="mod3D/image/icon/FDS1.png";
				select.style.visibility="visible";
			}
			else{
				div.style.marginTop="-2px";
				img.src="mod3D/image/icon/FD.png";
				select.style.visibility="hidden";
			}
		break;
		case 'B':
			img=document.getElementById('fbimg'); //image
			select=document.getElementById('fbs'); //selection
			if(etat){
				img.src="mod3D/image/icon/FBS1.png";
				select.style.visibility="visible";
			}
			else{
				img.src="mod3D/image/icon/FB.png";
				select.style.visibility="hidden";
			}
		break;
	}
}



function apparition(){
	isShow=true;
	jQuery('#navig').show("slow", function(){});
	jQuery('#zoom').show("slow", function(){isShow=false;});
	
}

function disparition(){
	timer=setTimeout("if(!show){ isShow=true; jQuery('#navig').hide('slow', function(){	}); jQuery('#zoom').hide('slow', function(){isShow=false;});}", 100);
}


function zoomPlus(){
	//ajouter pour que l'on n'ai pas un max de zoom en même temps
	var change=false;
	switch(niveauZoom){
		case 1:
			niveauZoom=2;
			//modification de la position gauche
			posG=parseInt(posG*1.15);
			change=true;
			break;
		case 2 :
			niveauZoom=3;
			posG=parseInt(posG*1.13);
			change=true;
			break;
	}
	zoom(change);
}

function zoomMoins(total){
	//ajouter pour que l'on n'ai pas un max de zoom en même temps
	var change=false;
	switch(niveauZoom){
		case 2 :
			niveauZoom=1;
			posG=parseInt(posG*0.85);
			change=true;//////////
			break;
		case 3:
			niveauZoom=2;
			posG=parseInt(posG*0.87);
			change=true;
			break;
	}
	if(total)
		dezoom(change);
	else
		zoom(change);
}

function zoom(change){
	if(change){
		posD=posG+tailleMod;
		//modification des limite
		limite=zoomTab[ptActive][niveauZoom]['longueur']/2;
		//test pour savoir si la limite inf est inférieur au pas
		limiteB=zoomTab[ptActive][niveauZoom]['hauteur'];
		var diff=limiteB-(posH+400);
		jQuery('#'+ptActive).animate({height: zoomTab[ptActive][niveauZoom]['hauteur']+'px', width: zoomTab[ptActive][niveauZoom]['longueur']+'px'}, 500, function(){});
		jQuery('#zoom'+ptActive).animate({height: zoomTab[ptActive][niveauZoom]['hauteur']+'px', width: zoomTab[ptActive][niveauZoom]['longueur']+'px'}, 500, function(){});
		if(diff<0){ //teste si la fenetre est plus grand que limage...
			posH+=diff;
			jQuery('#conteneur3D').animate({marginTop: -posH+'px', marginLeft: -posG+'px'}, 500, function(){});
		}
		else
			jQuery('#conteneur3D').animate({marginLeft: -posG+'px'}, 500, function(){});
		
		
		
		
	}
}

function verStan(){
	if(!deplace){
		deplace=true;
		if(niveauZoom!=1)
			zoomMoins(true);
		if(!chargeStan){
			document.getElementById('stan1').src='mod3D/image/stan.jpg';
			document.getElementById('stan2').src='mod3D/image/stan.jpg';
			chargeStan=true;
		}
		//si zoom == dezoom
		limite=2208;
		//changement z-index
		jQuery('#point2').fadeIn("slow");
		jQuery('#'+ptActive).fadeOut("slow", function(){
			document.getElementById(ptActive).style.zIndex=11000;
			document.getElementById('point2').style.zIndex=15000;
			ptActive="point2";
			deplace=false;
		
		});
	}
}

function versInt(){
	if(!deplace){
		deplace=true;
		if(niveauZoom!=1)
			zoomMoins(true);
		//si zoom == dezoom
		limite=2859;
		//voir pour changement de position
		jQuery('#point1').fadeIn("slow");
		jQuery('#'+ptActive).fadeOut("slow", function(){
			document.getElementById(ptActive).style.zIndex=11000;
			document.getElementById('point1').style.zIndex=15000;
			ptActive="point1";
			deplace=false;
		});
	}
}

function versCoin(){
	if(!deplace){
		deplace=true;
		if(niveauZoom!=1)
			zoomMoins(true);
		if(!chargeCoin){
			document.getElementById('rc').src='mod3D/image/rc.jpg';
			document.getElementById('rc2').src='mod3D/image/rc.jpg';
			chargeCoin=true;
		}
		//si zoom == dezoom
		limite=2887;
		//changement z-index
		//voir deplacement 
		jQuery('#point3').fadeIn("slow");
		jQuery('#'+ptActive).fadeOut("slow", function(){
			document.getElementById(ptActive).style.zIndex=11000;
			document.getElementById('point3').style.zIndex=15000;
			ptActive="point3";
			deplace=false;
		});
	}
}

function versEsc2(){
	if(!deplace){
		deplace=true;
		if(niveauZoom!=1)
			zoomMoins(true);
		if(!chargeEsc2){
			document.getElementById('esc22').src='mod3D/image/et2.jpg';
			document.getElementById('esc222').src='mod3D/image/et2.jpg';
			chargeEsc2=true;
		}
		//si zoom == dezoom
		limite=2539;
		//changement z-index
		//voir deplacement 
		jQuery('#point4').fadeIn("slow");
		jQuery('#'+ptActive).fadeOut("slow", function(){
			document.getElementById(ptActive).style.zIndex=11000;
			document.getElementById('point4').style.zIndex=15000;
			ptActive="point4";
			deplace=false;
		});
	}
}

function versEsc(){
	if(!deplace){
		deplace=true;
		if(niveauZoom!=1)
			zoomMoins(true);
		if(!chargeEsc){
			document.getElementById('esc').src='mod3D/image/et1.jpg';
			document.getElementById('esc2').src='mod3D/image/et1.jpg';
			chargeESC=true;
		}
		//si zoom == dezoom
		limite=3171;
		//changement z-index
		//voir deplacement 
		jQuery('#point5').fadeIn("slow");
		jQuery('#'+ptActive).fadeOut("slow", function(){
			document.getElementById(ptActive).style.zIndex=11000;
			document.getElementById('point5').style.zIndex=15000;
			ptActive="point5";
			deplace=false;
		});
	}
}

function dezoom(change){
	if(change){
		posD=posG+tailleMod;
		//modification des limite
		limite=zoomTab[ptActive][niveauZoom]['longueur']/2;
		//test pour savoir si la limite inf est inférieur au pas
		limiteB=zoomTab[ptActive][niveauZoom]['hauteur'];
		var diff=limiteB-(posH+400);
		document.getElementById(ptActive).style.height=zoomTab[ptActive][niveauZoom]['hauteur']+'px';
		document.getElementById(ptActive).style.width=zoomTab[ptActive][niveauZoom]['longueur']+'px';
		document.getElementById('zoom'+ptActive).style.height=zoomTab[ptActive][niveauZoom]['hauteur']+'px';
		document.getElementById('zoom'+ptActive).style.width=zoomTab[ptActive][niveauZoom]['longueur']+'px';
		if(diff<0){ //teste si la fenetre est plus grand que limage...
			posH+=diff;
			cont.style.marginTop=-posH+'px';
			cont.style.marginLeft=-posG+'px';
		}
		else
			cont.style.marginLeft=-posG+'px';
		if(niveauZoom!=1)
			zoomMoins(true);
	}
}

function versToilette(){
	if(!deplace){
		deplace=true;
		if(niveauZoom!=1)
			zoomMoins(true);
		if(!chargeToilette){
			document.getElementById('toilette').src='mod3D/image/toilette.jpg';
			document.getElementById('toilette2').src='mod3D/image/toilette.jpg';
			chargeToilette=true;
		}
		//si zoom == dezoom
		limite=3063;
		//changement z-index
		//voir deplacement 
		jQuery('#point6').fadeIn("slow");
		jQuery('#'+ptActive).fadeOut("slow", function(){
			document.getElementById(ptActive).style.zIndex=11000;
			document.getElementById('point6').style.zIndex=15000;
			ptActive="point6";
			deplace=false;
		});
	}	
}