//==================================
//FICHIER de FONCTIONS JAVASCRIPT
//==================================




function redimImage(inImg, inMW, inMH, inAction)
{
  // Cette function recoit 4 parametres
  // inImg : Chemin relatif de l'image
  // inMW  : Largeur maximale
  // inMH   : Hauteur maximale
	// inAction : action effectuée sur le lien : over ou out
  var maxWidth = inMW;
  var maxHeight = inMH;
  // Declarations des variables "Nouvelle Taille"
  var dW = 0;
  var dH = 0;
  // Declaration d'un objet Image
  var oImg = new Image();
  // Affectation du chemin de l'image a l'objet
  oImg.src = inImg;
  // On recupere les tailles reelles
  var h = dH = oImg.height;
  var w = dW = oImg.width;
  // Si la largeur ou la hauteur depasse la taille maximale
  if ((h >= maxHeight) || (w >= maxWidth)) {
    // Si la largeur et la hauteur depasse la taille maximale
    if ((h >= maxHeight) && (w >= maxWidth)) {
      // On cherche la plus grande valeur
      if (h > w) {
        dH = maxHeight;
        // On recalcule la taille proportionnellement
        dW = parseInt((w * dH) / h, 10);
      } else {
        dW = maxWidth;
        // On recalcule la taille proportionnellement
        dH = parseInt((h * dW) / w, 10);
      }
    } else if ((h > maxHeight) && (w < maxWidth)) {
      dH = maxHeight;
        // On recalcule la taille proportionnellement
      dW = parseInt((w * dH) / h, 10);
    } else if ((h < maxHeight) && (w > maxWidth)) {
      dW = maxWidth;
        // On recalcule la taille proportionnellement
      dH = parseInt((h * dW) / w, 10);
    }
  }
  
	// Tableaux des images
	var obj_img=new Array();
	var i = 0;
	var tab_nameimg=new Array();
	
	
	obj_img[0]=document.getElementById("imgfiltre");
	obj_img[1]=document.getElementById("img_bassin");
	obj_img[2]=document.getElementById("img_poisson");
	obj_img[3]=document.getElementById("img_plante");
	
	tab_nameimg[0]="Style/filtre.jpg";
	tab_nameimg[1]="Style/bassin-accueil.jpg";
	tab_nameimg[2]="Style/koi001.jpg";
	tab_nameimg[3]="Style/vegetation.jpg";
	
	for (i=0;i<4;i++)
	{
	
	 	var obj=obj_img[i];
		
	  if (tab_nameimg[i]==inImg)
		{
		 	obj.width = dW;
    	obj.height = dH;
			obj.style.border="4px ridge rgb(160,190,0)";
						
			if(inAction=="over")
			 {
			
				if(i<3)
				{
				 var obj2=obj_img[i+1];
				 obj2.src="";
				 obj2.width=0;
				 obj2.height=0;
				 obj2.style.border=0;
				}
			
				if (i==3)
				{
				 obj.src="";
				 obj.width=0;
				 obj.height=0;
				 obj.style.border=0;
				 
				 var obj2=obj_img[i-1];
				 obj2.src=tab_nameimg[i];	//inImg;
				 obj2.width = dW;
				 obj2.height = dH;
				 obj2.style.border="4px ridge rgb(160,190,0)";
				}
			 }
			 
			 if (inAction == 'out')
			 {
			 	if  (i<3)
				{
				 var obj2=obj_img[i+1];
			 	 obj2.src=tab_nameimg[i+1];
				 obj2.width = dW;
				 obj2.height = dH;
				 obj2.style.border="4px ridge rgb(160,190,0)";
					
				}
				if (i==3)
				{
				 obj.src=tab_nameimg[i];
				 var obj2=obj_img[i-1];
				 obj2.src=tab_nameimg[i-1];
				 obj2.width = dW;
				 obj2.height = dH;
				 obj2.style.border="4px ridge rgb(160,190,0)";
				}
			 }	
		} 	 
	}
 	
};
function GetTexte(numImg)
{
	if (numImg==00)
	{
		return "Pour créer le filtre, il a fallu commencer par creuser un trou, d'environ 2m3. Pelle, pioche et brouette étaient donc à l'ouvrage ...";
	}
	
	if (numImg==01)
	{
		return "Un point bas est prévu pour l'évacuation de l'eau vers l'égout. Les différents tuyaux s'y déversent pour vidanger les bacs de filtration.";
	}
	if (numImg==02)
	{
		return "Un gros travail de maçonnerie: on a coulé une dalle sur les tuyaux, et la base du mur autour du filtre est posée.";
	}
	if (numImg==03)
	{
		return "Le mur est fait de parpaings à bencher (remplis de béton), pour une grande solidité.";
	}
	if (numImg==04)
	{
		return "Le mur est terminé; on peut voir les trous d'écoulement de l'eau. Les tuyaux sur le mur de droite sont les réserves de passage des tuyauteries et des câbles électriques.";
	}
	if (numImg==05)
	{
		return "Les parois des bacs sont coulées une à une en béton hydrofuge.";
	}
	if (numImg==06)
	{
		return "La mise en place des parois a nécessité un système d'élévation, vu le poids des plaques de béton.";
	}
	if (numImg==07)
	{
		return "Le premier bac accueille les vannes d'arrivée d'eau du bassin vers le filtre. Dans le bac d'évacuation, les vannes de vidange permettront de vider chaque bac séparément.";
	}
	if (numImg==08)
	{
		return "Dans chacun des bacs, on a placé une chicane en polycarbonate pour guider le passage de l'eau à travers les bacs.";
	}
	if (numImg==09)
	{
		return "Le filtre est terminé, couvert d'une plaque en plusieurs parties, afin d'être facilement ouvert, pour procéder au nettoyage des éléments. Il ne reste plus qu'à creuser le bassin ...";
	}
	
	//
	// Pour la page bassin-bache
	//
	
	if (numImg==10)
	{
		return "Les gros travaux de terrassement et de maçonnerie sont terminés : il reste à installer la bâche. On commence par préparer le bord, qui doit être parfaitement horizontal. Pour cela, on plante des piquets tous les 30 cm ... ";
	}
	if (numImg==11)
	{
		return "Sur ces piquets, on fixe une écolatte, qui va servir à tenir la bâche et à déterminer le niveau de remplissage du bassin ...";
	}
	if (numImg==12)
	{
		return "Pour obtenir un bord bien lisse, on l'enduit de mortier sur toute la surface ...";
	}
	if (numImg==13)
	{
		return "Et on recouvre d'un géotextile (feutre), qui protègera la bâche ...";
	}
	if (numImg==14)
	{
		return "La bâche (9x6m soit 80 kgs!) est descendue dans le bassin. C'est une bâche en caoutchouc EPDM ...";
	}
	if (numImg==15)
	{
		return "Puis elle est déployée ... ";
	}
	if (numImg==16)
	{
		return "On a fait une découpe pour la bonde de fond ...";
	}
	if (numImg==17)
	{
		return "On met en place 2 piliers, qui supporteront la plateforme ...";
	}
	if (numImg==18)
	{
		return "Depuis le temps qu'on attendait d'y mettre de l'eau dans cette piscine, pardon ... ce bassin, on peut bien s'amuser un peu !!!";
	}
	if (numImg==19)
	{
		return "Petit à petit, il se remplit ...";
	}
	if (numImg==20)
	{
		return "La lame d'eau se déverse bien, tout semble fonctionner ...";
	}
	if (numImg==21)
	{
		return "Ca commence à ressembler à notre rêve ...";
	}
	if (numImg==22)
	{
		return "Le bassin prend vie : un poisson rouge voile et un shubukin seront les testeurs, pendant que le pigeon assoiffé échappe (sans trop de mal !) au chat (Pito) .";
	}
	if (numImg==23)
	{
		return "Et pour finir la plateforme, il faut se mouiller !!!";
	}
}; 

function AgrandirImage(numImg)
{
	var obj;
		
	var objsrc="Style/creer-filtre" + numImg + ".jpg";
	
	obj=document.getElementById("img_agrandie");
	obj.src=objsrc;
	obj.width=459;
	obj.height=345;
	obj.style.border="4px ridge rgb(160,190,0)";
	
	//document.forms['texteagrandie'].elements['texte-agrandie2'].rows=5;
	texte=GetTexte(numImg);
	document.forms['texteagrandie'].elements['textagrandie'].value=texte;
	
};

function AgrandirPhoto(numImg)
{
	var obj;
		
	var objsrc="Style/masse_filtrante" + numImg + ".jpg";
	if (numImg<10)
	{
		obj=document.getElementById("img_agrandie2");
	}
	else
	{
		obj=document.getElementById("img_agrandie3");
	}
	obj.src=objsrc;
	if (numImg==02)
	{
		obj.width=258;
		obj.height=344;
	}
	else
	{
		obj.width=344;
		obj.height=258;
	}
	obj.style.border="4px ridge rgb(160,190,0)";
	
		
};
var numImg=0;
var t; 

function AfficheDiapo()
{
	var obj;
	var objsrc;

	
	numImg++;
	if(numImg==18)
	{
		numImg=1;
	}
	objsrc="Style/bassin" + numImg + ".jpg";
		
	obj=document.getElementById("img_agrandie2");
		
	obj.src=objsrc;
	obj.width=522;
	obj.height=391;
		//obj.hspace=5;
		//obj.style.filter="revealTrans(Transition=2)";		//"blendTrans(duration=3)"		//revealTrans(Transition=2, Duration=0.35)";		//"alpha (opacity=50)"		//"revealTrans(Duration=3.3, Transition=21)";
	
	obj.style.border="4px ridge rgb(160,190,0)";
	
	t=setTimeout("AfficheDiapo()",2000);
	
};
var diapoOn=false;
function LancerDiapo()
{
	if (diapoOn==false)
	{
		diapoOn=true;
		AfficheDiapo();
	}
};

function StopDiapo()
{
	diapoOn=false;
	clearTimeout(t);
}
// var nomImg='bassinhaut';
// var idImg='bassinhaut-agrandi';
function AgrandirVignette(numImg,nomImg,idImg)
{
	var obj;
	var objvignette;
	var objprec;
			
	var objsrc="Style/"+ nomImg + numImg + ".jpg";
	var obj2;
	obj2=document.getElementById("btnhidden");
	var numPrec=obj2.value;
		
	obj=document.getElementById(idImg);	//bassinhaut-agrandi
	
	obj.src=objsrc;
	if (nomImg=='bassinhaut')
	{
		if (numImg==12||numImg==16)
		{
			obj.width=345;
			obj.height=459;
		}
		else
		{
			obj.width=459;
			obj.height=345;
		}
	}
	else
	{
		obj.width=459;
		obj.height=345;
	}
	obj.style.border="4px ridge rgb(160,190,0)";
	
	
	objprec=document.getElementById(nomImg+numPrec);
	objprec.style.border="4px ridge rgb(160,190,0)";
	
	objvignette=document.getElementById(nomImg+numImg);
	objvignette.style.border="4px ridge rgb(255,130,0)";
	
	obj2.value=numImg;
	if (nomImg=='bassinbache')
	{
		texte=GetTexte(numImg);
		document.forms['texte-agrandie'].elements['texte-agrandie'].value=texte;
	}
};

function GetNumVignette(sens,minImg,maxImg,idImg)
{
	var obj;
	obj=document.getElementById(idImg);
	var obj2;
	obj2=document.getElementById("btnhidden");
	
	if (obj2.value==minImg && sens=="H")
	{
		return obj2.value;
	}
	
	if (obj2.value==maxImg && sens=="B")
	{
		return obj2.value;
	}
	
	if (sens=="H")
	{
		var num=parseInt(obj2.value);
		num=num-1;
		return num;
	}
		
	if (sens=="B")
	{
		var num=parseInt(obj2.value);
		num+=1;
		return num;
	}
	
	
}
function AgrandirVignetteHaut(nomImg,idImg,minImg,maxImg)
{
	var numVignette=GetNumVignette("H",minImg,maxImg,idImg);
	AgrandirVignette(numVignette,nomImg,idImg);
}

function AgrandirVignetteBas(nomImg,idImg,minImg,maxImg)
{
	var numVignette=GetNumVignette('B',minImg,maxImg,idImg);
	AgrandirVignette(numVignette,nomImg,idImg);
}

//Bache

function AgrandirVignetteBache(numImg)
{
	var obj;
	var objvignette;
	var objprec;
			
	var objsrc="Style/bassinbache" + numImg + ".jpg";
	var obj2;
	obj2=document.getElementById("btnhidden");
	var numPrec=obj2.value;
		
	obj=document.getElementById("bassinbache-agrandi");
	obj.src=objsrc;
	
	obj.width=459;
	obj.height=345;
	obj.style.border="4px ridge rgb(160,190,0)";
		
	objprec=document.getElementById("bassinbache"+numPrec);
	objprec.style.border="4px ridge rgb(160,190,0)";
	
	objvignette=document.getElementById("bassinbache"+numImg);
	objvignette.style.border="4px ridge rgb(255,130,0)";
	
	obj2.value=numImg;
		
};

function GetNumVignetteBache(sens)
{
	var obj;
	obj=document.getElementById("bassinbache-agrandi");
	var obj2;
	obj2=document.getElementById("btnhidden");
	
	if (obj2.value==10 && sens=="H")
	{
		return obj2.value;
	}
	
	if (obj2.value==23 && sens=="B")
	{
		return obj2.value;
	}
	
	if (sens=="H")
	{
		var num=parseInt(obj2.value);
		num=num-1;
		return num;
	}
		
	if (sens=="B")
	{
		var num=parseInt(obj2.value);
		num+=1;
		return num;
	}
	
	
}
function AgrandirVignetteBacheHaut()
{
	var numVignette=GetNumVignetteBache("H");
	AgrandirVignette(numVignette);
}

function AgrandirVignetteBacheBas()
{
	var numVignette=GetNumVignetteBache('B');
	AgrandirVignette(numVignette);
}

function AgrandirPhotoPlante(numImg)
{
	var obj;
		
	var objsrc="Style/plantesd" + numImg + ".jpg";
	obj=document.getElementById("img_planteagrandie2");
	obj.src=objsrc;
	
	if (numImg==3)
	{
		obj.width=286;
		obj.height=282;
	}
	else
	{
		if (numImg==2 || numImg==6)
		{
			obj.width=258;
			obj.height=344;
		}
		else
		{
			obj.width=344;
			obj.height=258;
		}
	}
	obj.style.border="4px ridge rgb(160,190,0)";
	
		
};

function PopupImage(img)
 { 
	titre="Un bassin de jardin pour carpes koïs"; 
	w=open("",'image','width=341,height=255,toolbar=no,scrollbars=no,resizable=no'); 
	w.document.write("<html><head><title>"+titre+"</title></head>"); 
	w.document.write("<script language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+70); window.focus();} else { setTimeout('checksize()',250) } }</"+"script>"); 
	w.document.write("<body onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
	w.document.write("<table width='70%' border='0' cellspacing='0' cellpadding='0' height='70%'><tr>");
	w.document.write("<td valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Bassin carpes Koï'>"); 
	w.document.write("</td></tr></table>");
	w.document.write("</body></html>"); 
	w.document.close(); 
}