// JavaScript Document

//IMAGES EN GRAND LORS CLIC SUR PETITES IMAGES (ex pages articles) :
function imageGrand(imageSrc,txtLegende){
	divPage=document.getElementById("page");
	
	//creation div contenant image en grand :
	divImageGd=document.createElement("div");
	divPageFirstChild=divPage.childNodes[0];
	divPage.insertBefore(divImageGd,divPageFirstChild);
	divImageGd.setAttribute("id","div_img_gd");
	divImageGd.setAttribute("class","div_img_gd");
	divImageGd.setAttribute("className","div_img_gd");
	
	
	//creation div image translucide :
	divFondTrans=document.createElement("div");
	divPage.insertBefore(divFondTrans,divImageGd);
	divFondTrans.setAttribute("id","div_trans");
	divFondTrans.setAttribute("class","div_trans");
	divFondTrans.setAttribute("className","div_trans");
	
	//creation div pour la légende :
	divLegende=document.createElement("div");
	divImageGd.appendChild(divLegende);
	divLegende.setAttribute("id","div_legende");
	divLegende.setAttribute("class","div_legende");
	divLegende.setAttribute("className","div_legende");
	
	//creation du p pour la légende :
	paraLegende=document.createElement("p");
	divLegende.appendChild(paraLegende);
	//creation du neud texte de la legende :
	paraLegende.innerHTML=txtLegende;
	
	//creation du lien pour fonction fermer image :
	lienImageGd=document.createElement("a");
	divImageGd.insertBefore(lienImageGd,divLegende);
	lienImageGd.setAttribute("href","#");
	//lienImageGd.setAttribute("onclick","fermeImageGrand();return false;");
	lienImageGd.onclick=function(){ fermeImageGrand();return false; };
	
	//creation images en grand dans ce div :
	imageGd=document.createElement("img");
	lienImageGd.appendChild(imageGd);
	imageGd.setAttribute("src",imageSrc);
	imageGd.setAttribute("class","img_gd");
	imageGd.setAttribute("className","img_gd");
	
	//calcul de dimension
	hautFenetre=0;
	if (typeof(window.innerHeight)=='number') { //pour firefox
		hautFenetre=window.innerHeight;
	}else if (document.documentElement && document.documentElement.clientHeight) { //pour ie6+
		 hautFenetre = document.documentElement.clientHeight;
	}else if (document.body && document.body.clientHeight) { // pour ie4+
		 hautFenetre=document.body.clientHeight;
	};

	//largeur de fenetre :
	largFenetre=0;
	if (typeof(window.innerWidth)=='number') { //pour firefox
		largFenetre=window.innerWidth;
	}else if (document.documentElement && document.documentElement.clientWidth) { //pour ie6+
		 largFenetre = document.documentElement.clientWidth;
	}else if (document.body && document.body.clientWidth) { // pour ie4+
	largFenetre=document.body.clientWidth;
	};

	//hauteur de la page :
	hautPage = document.documentElement.scrollHeight;

	//mettre au div la taille du doc :
	divFondTrans.style.height=hautPage+'px';
	
	//pour que le div de la fiche soit centre :
	//taille de l'image :
	//var monImgeGd = document.getElementById("mon_image");
	hautGdImgAff = imageGd.offsetHeight;
	largGdImgAff = imageGd.offsetWidth;
	
	//largeur du div de légende
	divLegende.style.width=largGdImgAff+'px';

	//perte de hauteur du au scroll :
	perteDeffil = document.documentElement.scrollTop;
	//position top :
	positionTopGdImgAff=((parseInt(hautFenetre)-parseInt(hautGdImgAff))/2)+parseInt(perteDeffil);
	if(hautGdImgAff<hautFenetre){
		divImageGd.style.top= positionTopGdImgAff+'px';
	}else{
		divImageGd.style.top=parseInt(perteDeffil)+15+'px';
	};
	
	//masquer le div légende si pas de légende :
	if(txtLegende=='legende'){
		divImageGd.removeChild(divLegende);
	};
	
};


//FERME IMAGE EN GRAND SI CLIC SUR IMAGE :
function fermeImageGrand() {
	divFondTrans=document.getElementById("div_trans");
	divImgGd=document.getElementById("div_img_gd");
	divPage=document.getElementById("page");
	divPage.removeChild(divImgGd);
	divPage.removeChild(divFondTrans);
};