var bandeauBas = 38;
var traitSeparation = 3;
var bandeauHaut = 190;
var nav = 28;
var hauteurElement = 0;
var hautFen = 0;
var largFen = 0;
var hauteurContenu = 0;
var hauteurPhoto = 0;

function initPage() {
	hauteurElement = bandeauHaut+nav+bandeauBas+2*traitSeparation;
	hautFen = document.getElementById("imgTaille").offsetHeight;
	largFen = document.getElementById("imgTaille").offsetWidth;
	hauteurContenu = (hautFen-hauteurElement);
	rapportPhoto2 = document.getElementById("photo2").offsetHeight/document.getElementById("photo2").offsetWidth;
	
	document.getElementById("framePhoto").src = "../diaporama.php?rep=img/plan/redimm/&tabImg=1.jpg;2.jpg;3.jpg;4.jpg;5.jpg;6.jpg;7.jpg;8.jpg;9.jpg;10.jpg;11.jpg;12.jpg;13.jpg;14.jpg;15.jpg;16.jpg;17.jpg;18.jpg;19.jpg";
	document.getElementById("imgFond").style.height = hauteurContenu + "px";
	document.getElementById("photo1").style.width = (largFen/2)-20 + "px";
	document.getElementById("photo2").style.width = (largFen/2)-20 + "px";
	document.getElementById("photo2").style.height = (document.getElementById("photo2").offsetWidth*rapportPhoto2) +"px";
	hauteurPhoto = document.getElementById("photo2").offsetHeight;
	for(i=1; i<=19; i++) {
		eval("plan"+i+" = new Image() ; ") ;
		eval("plan"+i+".src = '../img/plan/"+i+".jpg' ; ") ;
	}
	document.getElementById("legende").innerHTML = tabPhoto[1];
}

function frameCharge(){
	document.getElementById("framePhoto").style.visibility="visible";
	document.getElementById("tableContenu").style.visibility="visible";
	document.getElementById("chargement").style.visibility="hidden";
}

function ouvrePhoto(num) {
	eval('document.getElementById("photo2").src = plan'+num+'.src;');
	document.getElementById("legende").innerHTML = tabPhoto[num];
	document.getElementById("photo2").alt = tabPhoto[num];
}