var IE=true;
var cmenu=new Array();
var mmenu=new Array();
var step=5, interval=5;
if (navigator.appName == 'Microsoft Internet Explorer') {IE=true;} else {IE=false;}
window.onload = function(){
	var rapport = screen.width/screen.height;
	var div_corps = document.getElementById("corps");
	if (navigator.platform == "iPad"){
			var div_calcF=document.getElementById("calc_F");
			var div_calcH=document.getElementById("calc_H");
			div_corps.style.width = 1024+'px';
			div_calcF.style.width=50+'px';
			div_calcF.style.height=50+'px';
			div_calcH.style.width=50+'px';
			div_calcH.style.heught=50+'px';
			/*div_corps.style.height = 695+'px';*/
	}else{	
		if (rapport>=1.7){
			//marges de 22%
			div_corps.style.width = 78+'%';
			div_corps.style.left = 11+'%';
		}else{
			if(rapport>=1.6){
				//marges de 16%
				div_corps.style.width = 84+'%';
				div_corps.style.left = 8+'%';			
			}else{
				if(rapport>=1.5){
					//marges de 8%
					div_corps.style.width = 92+'%';
					div_corps.style.left = 4+'%';				
				}else{
					//defaut, pas de marges	
				}
			}	
		}
	}
	Init_F(0,true);
	Init_H(0,true);
}
function menu_cache(e,start,menu,opacite){
	var cnteneur, cntenu, str, noeud;
	if(start){
		if (IE) {noeud=event.toElement;}
		else{noeud=e.relatedTarget;}
		str="menu"+menu;
		if(noeud!=null){
			while (noeud.nodeName !="BODY" && noeud.nodeName !="body"){
				if (IE) {if (noeud.attributes.id.value==str) {return;}}
				else{if (noeud.id==str) return;}
				noeud=noeud.parentNode;
			}
		}
		clearTimeout(mmenu[menu]);
		if(opacite){
			if (IE) {document.getElementById("menu_but"+menu).filters.alpha.opacity=85;}
			else {document.getElementById("menu_but"+menu).style.opacity=0.85;}
		}
	}
	cnteneur=document.getElementById("menu_img"+menu);
	cntenu=document.getElementById("img"+menu);
	if((cnteneur.offsetHeight+cntenu.offsetTop) > step){
		if (IE) {cntenu.style.top=cntenu.offsetTop-step;}
		else{cntenu.style.top=cntenu.offsetTop-step+"px";}
		cmenu[menu]=setTimeout(function(){menu_cache(0,false,menu,opacite)},interval);
	}else{
		if (IE) {cntenu.style.top= -1*cnteneur.offsetHeight;cntenu.filters.alpha.opacity=0;}
		else {cntenu.style.top= -1*cnteneur.offsetHeight+"px";cntenu.style.opacity=0;}
	}
}
function menu_montre(start,menu,opacite){
	var cntenu=document.getElementById("img"+menu);
	if(start){
		clearTimeout(cmenu[menu]);
		if(opacite){
			if (IE) {document.getElementById("menu_but"+menu).filters.alpha.opacity=50;}
			else{document.getElementById("menu_but"+menu).style.opacity=0.5;}
		}
		if (IE) {cntenu.filters.alpha.opacity=100;}
		else {cntenu.style.opacity=1;}
	}
	if(cntenu.offsetTop < -step){
		if (IE) {cntenu.style.top=cntenu.offsetTop+step;}
		else{cntenu.style.top=cntenu.offsetTop+step+"px";}
		mmenu[menu]=setTimeout(function(){menu_montre(false,menu,opacite)},interval);
	}else{
		if (IE) {cntenu.style.top= 0;}
		else{cntenu.style.top= 0+"px";}
	}
}
var tar_contenu = null;
var tar_deplacement = null;
var opacite=0;
var coupeH = [false,false,false,false,0];
var coupe = [false,false,false,false,0];
var couleur = [false,false,false,false,0];
var meches = [false,false,false,false,0];
var suppl = [false, false,false,false];
var nb_f = 0;
var nb_h = 0;
var maxF=2;
function Init_F(choix, reset){
var i=0;
	if (nb_f!=choix || reset){	
		//Gestion des cases de choix du nbre de Personnes
		document.getElementById("nbF"+nb_f).src=img_check_off;
		document.getElementById("nbF"+choix).src=img_check_on;
		for(i=0;i<=maxF;i++){
		//Actualisation du nombre de colonnes
			if(i<=choix){
			//colonne visible
				if(choix>maxF){
					document.getElementById("coupe"+i).parentNode.innerHTML='<img id="coupe'+i+'" src="'+img_check_on+'" />';
					coupe[i]=true;
				}else{
					if(!coupe[i] || reset){
						document.getElementById("coupe"+i).parentNode.innerHTML='<img id="coupe'+i+'" src="'+img_check_off+'" onClick=\'toggle("coupe'+i+'",coupe,'+i+');\' />';
						coupe[i]=false;
					}else{
						document.getElementById("coupe"+i).parentNode.innerHTML='<img id="coupe'+i+'" src="'+img_check_on+'" onClick=\'toggle("coupe'+i+'",coupe,'+i+');\' />';
						coupe[i]=true;
					}
				}
				if(!couleur[i] || reset){
					document.getElementById("couleur"+i).parentNode.innerHTML='<img id="couleur'+i+'" src="'+img_check_off+'" onClick=\'toggle("couleur'+i+'",couleur,'+i+');\' />';
					couleur[i]=false;
				}
				if(!meches[i] || reset){	
					document.getElementById("meches"+i).parentNode.innerHTML='<img id="meches'+i+'" src="'+img_check_off+'" onClick=\'toggle("meches'+i+'",meches,'+i+');\' />';
					meches[i]=false;
				}
				if(IE){
					document.getElementById("coupe"+i).parentNode.filters.alpha.opacity=100;
					document.getElementById("couleur"+i).parentNode.filters.alpha.opacity=100;
					document.getElementById("meches"+i).parentNode.filters.alpha.opacity=100;
				}else{
					document.getElementById("coupe"+i).parentNode.style.opacity=1;
					document.getElementById("couleur"+i).parentNode.style.opacity=1;
					document.getElementById("meches"+i).parentNode.style.opacity=1;
				}		
			}else{
			//colonne invisible
				document.getElementById("coupe"+i).parentNode.innerHTML='<img id="coupe'+i+'" src="'+img_check_off+'" />';
				coupe[i]=false;			
				document.getElementById("couleur"+i).parentNode.innerHTML='<img id="couleur'+i+'" src="'+img_check_off+'" />';
				couleur[i]=false;	
				document.getElementById("meches"+i).parentNode.innerHTML='<img id="meches'+i+'" src="'+img_check_off+'" />';
				meches[i]=false;
				if(IE){
					document.getElementById("coupe"+i).parentNode.filters.alpha.opacity=30;
					document.getElementById("couleur"+i).parentNode.filters.alpha.opacity=30;
					document.getElementById("meches"+i).parentNode.filters.alpha.opacity=30;
				}else{
					document.getElementById("coupe"+i).parentNode.style.opacity=0.3;
					document.getElementById("couleur"+i).parentNode.style.opacity=0.3;
					document.getElementById("meches"+i).parentNode.style.opacity=0.3;				
				}				
			}
		}
		//Actualisation des variables globales
		nb_f=choix;
		//nbre prestations
		coupe[4]=0;couleur[4]=0;meches[4]=0;		
		for(i=0;i<=maxF;i++){
			if(coupe[i]){coupe[4]+=1;}
			if(couleur[i]){couleur[4]+=1;}
			if(meches[i]){meches[4]+=1;}
		}
		//supplement
		for(i=0;i<=maxF;i++){
			if((couleur[i] || meches[i]) && !coupe[i]){document.getElementById("suppl"+i).innerHTML='<img src="'+img_check_on+'" />';suppl[i]=true;}
			else{document.getElementById("suppl"+i).innerHTML="";suppl[i]=false;}
		}
		if(suppl[0]||suppl[1]||suppl[2]||suppl[3]){
			if(IE){document.getElementById("suppl").filters.alpha.opacity=100;}
			else{document.getElementById("suppl").style.opacity=1;}
		}else{
			if(IE){document.getElementById("suppl").filters.alpha.opacity=0;}
			else{document.getElementById("suppl").style.opacity=0;}
		}	
	}
}
function Init_H(choix, reset){
var i=0;
	if(nb_h!=choix || reset){
		nb_h=choix;
		coupeH[4]=0;
		for(i=0;i<=3;i++){
		//Gestion des cases de choix du nbre de Personnes
			if(i==choix){
				document.getElementById("nbH"+i).src=img_check_on;
			}else{
				document.getElementById("nbH"+i).src=img_check_off;
			}
		//Actualisation du nombre de colonnes
			if(i<=choix){
			//colonne visible et selectionnee
				document.getElementById("coupeH"+i).parentNode.innerHTML='<img id="coupeH'+i+'" src="'+img_check_on+'" />';
				if(IE){document.getElementById("coupeH"+i).parentNode.filters.alpha.opacity=100;}
				else{document.getElementById("coupeH"+i).parentNode.style.opacity=1;}				
				coupeH[i]=true;coupeH[4]+=1;
			}else{
			//colonne invisible et desactivee
				document.getElementById("coupeH"+i).parentNode.innerHTML='<img id="coupeH'+i+'" src="'+img_check_off+'" />';
				if(IE){document.getElementById("coupeH"+i).parentNode.filters.alpha.opacity=30;}
				else{document.getElementById("coupeH"+i).style.opacity=0.3;}
				coupeH[i]=false;
			}
		}
	}
}
function toggle(id, prest, ami){
	var i=0;
	if(prest[ami]){
		document.getElementById(id).src=img_check_off;
		prest[ami]=false;
		prest[4]-=1;
	}else{
		document.getElementById(id).src=img_check_on;
		prest[ami]=true;
		prest[4]+=1;
	}
	//supplement
	for(i=0;i<=maxF;i++){
		if((couleur[i] || meches[i]) && !coupe[i]){document.getElementById("suppl"+i).innerHTML='<img src="'+img_check_on+'" />';suppl[i]=true;}
		else{document.getElementById("suppl"+i).innerHTML="";suppl[i]=false;}
	}
	if(suppl[0]||suppl[1]||suppl[2]||suppl[3]){
		if(IE){document.getElementById("suppl").filters.alpha.opacity=100;}
		else{document.getElementById("suppl").style.opacity=1;}
	}else{
		if(IE){document.getElementById("suppl").filters.alpha.opacity=0;}
		else{document.getElementById("suppl").style.opacity=0;}
	}	
}
function simuler_F(partage){
//variables
var pcoupe=[40,38,34,25.33,25.5];
var pcouleur=[32,31,30,20.67,22.5];
var pmeches=[32,31,30,20.67,22.5];
var psuppl=25;
var total=[0,0,0,0];
var i=0, nb_coupe=0, nb_couleur=0, nb_meches=0;
var offert = false;
var red_c=false, red_col=false, red_m=false;
//effacer le contenu et gerer les colonnes
	for (i=0;i<=maxF;i++){
	//effacer
		document.getElementById("res_coupe"+i).innerHTML="";
		document.getElementById("res_couleur"+i).innerHTML="";
		document.getElementById("res_meches"+i).innerHTML="";
		document.getElementById("res_total"+i).innerHTML="";
		document.getElementById("res_suppl"+i).innerHTML="";
	}
	if(IE){document.getElementById("res_suppl").filters.alpha.opacity=0;}
	else{document.getElementById("res_suppl").style.opacity=0;}
	
//Calcul du Tarif
	nb_coupe=coupe[4];
	nb_couleur=couleur[4];
	nb_meches=meches[4];
	for(i=0;i<=nb_f;i++){
		if (coupe[i]){
			//attribuer la promotion
			if(nb_coupe>2 && i==0){
				if(partage){document.getElementById("res_coupe0").innerHTML=pcoupe[nb_coupe]+" €";total[i]+=pcoupe[nb_coupe];red_c=true;}
				else{document.getElementById("res_coupe0").innerHTML="Offert";nb_coupe-=1;offert=true;}
			//calculer le tarif en fonction du nombre de prestations payantes
			}else{
				if(partage && red_c){document.getElementById("res_coupe"+i).innerHTML=pcoupe[nb_coupe]+" €";total[i]+=pcoupe[nb_coupe];}
				else{document.getElementById("res_coupe"+i).innerHTML=pcoupe[nb_coupe-1]+" €";total[i]+=pcoupe[nb_coupe-1];}
			}
		}
		if (couleur[i]){
			//attribuer la promotion
			if(nb_couleur>2 && i==0){
				if(partage){document.getElementById("res_couleur0").innerHTML=pcouleur[nb_couleur]+" €";total[i]+=pcouleur[nb_couleur];red_col=true;}
				else{document.getElementById("res_couleur0").innerHTML="Offert";nb_couleur-=1;offert=true;}
			//calculer le tarif en fonction du nombre de prestations payantes
			}else{
				if(partage && red_col){document.getElementById("res_couleur"+i).innerHTML=pcouleur[nb_couleur]+" €";total[i]+=pcouleur[nb_couleur];}
				else{document.getElementById("res_couleur"+i).innerHTML=pcouleur[nb_couleur-1]+" €";total[i]+=pcouleur[nb_couleur-1];}
			}
		}
		if (meches[i]){
			//attribuer la promotion
			if(nb_meches>2 && i==0){
				if(partage){document.getElementById("res_meches0").innerHTML=pmeches[nb_meches]+" €";total[i]+=pmeches[nb_meches];red_m=true;}
				else{document.getElementById("res_meches0").innerHTML="Offert";nb_meches-=1;offert=true;}
			//calculer le tarif en fonction du nombre de prestations payantes
			}else{
				if(partage && red_m){document.getElementById("res_meches"+i).innerHTML=pmeches[nb_meches]+" €";total[i]+=pmeches[nb_meches];}
				else{document.getElementById("res_meches"+i).innerHTML=pmeches[nb_meches-1]+" €";total[i]+=pmeches[nb_meches-1];}
			}
		}		
		if (suppl[i]){
			if(IE){document.getElementById("res_suppl").filters.alpha.opacity=100;}
			else{document.getElementById("res_suppl").style.opacity=1;}
			document.getElementById("res_suppl"+i).innerHTML=psuppl+" €";total[i]+=psuppl;
		}
		//ecrire le total
		if((total[i]!=0) || (i==0 && offert)){
			document.getElementById("res_total"+i).innerHTML=total[i]+" €";
		}
	}
}
function simuler_H(partage){
//variables
var pcoupe=[22,21,20,14,15];
var total=[0,0,0,0];
var i=0, nb_coupeH=0;
var red_c=false;
//effacer le contenu et gerer les colonnes
	for (i=0;i<4;i++){
	//effacer
		document.getElementById("res_coupeH"+i).innerHTML="";
		document.getElementById("res_totalH"+i).innerHTML="";
	}
//Calcul du Tarif
	nb_coupeH = coupeH[4];
	for(i=0;i<=nb_h;i++){
		if (coupeH[i]){
			//attribuer la promotion
			if(nb_coupeH>2 && i==0){
				if(partage){document.getElementById("res_coupeH0").innerHTML=pcoupe[nb_coupeH]+" €";total[i]+=pcoupe[nb_coupeH];red_c=true;}
				else{document.getElementById("res_coupeH0").innerHTML="Offert";nb_coupeH-=1;}
			//calculer le tarif en fonction du nombre de prestations payantes
			}else{
				if(partage && red_c){document.getElementById("res_coupeH"+i).innerHTML=pcoupe[nb_coupeH]+" €";total[i]+=pcoupe[nb_coupeH];}
				else{document.getElementById("res_coupeH"+i).innerHTML=pcoupe[nb_coupeH-1]+" €";total[i]+=pcoupe[nb_coupeH-1];}
			}
		}
		//ecrire le total
		document.getElementById("res_totalH"+i).innerHTML=total[i]+" €";
	}
}
function simuler(step,simul,cache,montre){	
 var temp;
	switch(step){
		case 0:
			if (tar_contenu!=null){
				return;
			}else{
				tar_contenu=document.getElementById(cache);
				opacite=100;
			}
		case 1:
			if(opacite>0){
				opacite-=10;
				if(IE){tar_contenu.filters.alpha.opacity=opacite;}
				else{tar_contenu.style.opacity=opacite/100;}
				tar_deplacement=setTimeout(function(){simuler(1,simul,cache,montre)},8);
			}else{
				tar_contenu.style.display="none";
				tar_deplacement=setTimeout(function(){simuler(2,simul,cache,montre)},8);
			}
			break;

		case 2:
			tar_contenu=document.getElementById(montre);
			tar_contenu.style.display="block";
			opacite=0;
			switch(simul){
				case  0: /*Init_F(nb_f,true);*/break;
				case  1: simuler_F(false);
						 document.getElementById("normal_F").style.display="none";
						 document.getElementById("partage_F").style.display="block";
						 break;
				case  2: simuler_F(true);
						 document.getElementById("partage_F").style.display="none";
						 document.getElementById("normal_F").style.display="block";
						 break;				
				case 10: /*Init_H(nb_h,true);*/break;
				case 11: simuler_H(false);
						 document.getElementById("normalH").style.display="none";
						 document.getElementById("partageH").style.display="block";
						 break;
				case 12: simuler_H(true);
						 document.getElementById("partageH").style.display="none";
						 document.getElementById("normalH").style.display="block";
						 break;
				case 20: break;
			}
			tar_deplacement=setTimeout(function(){simuler(3,simul,cache,montre)},100);
			break;

		case 3:
			//tar_contenu=document.getElementById(montre);
			//tar_contenu.style.display="block";
			//opacite=0;
		case 4:	
			if(opacite<100){
				opacite+=10;
				if(IE){tar_contenu.filters.alpha.opacity=opacite;}
				else{tar_contenu.style.opacity=opacite/100;}
				tar_deplacement=setTimeout(function(){simuler(4,simul,cache,montre)},8);
			}else{
				tar_contenu=null;
				clearTimeout(tar_deplacement);
			}
			break;
	}
}
