function initialiser(){
	gPageActive = document.getElementById("pageActive").value;
	if(gPageActive >= 6 && gPageActive <= 19){
		chargerXML();		
	}
	var element = document.getElementById("menu");
	if(gPageActive == 1){
		var element = document.getElementById("menu_home");;
	}
	var elementsIMG = element.getElementsByTagName("img");
	for(var j=0; j < elementsIMG.length; j++){
		if(elementsIMG[j].parentNode.className == "btnActif"){ //Si <span class="btnActif"...
			var srcImage = elementsIMG[j].src;	
			var finChaine = srcImage.substring(srcImage.length-6, srcImage.length)
			var debutChaine = srcImage.substring(0, srcImage.length - finChaine.length)
			elementsIMG[j].src = debutChaine + "rl.gif"
		} else {
			elementsIMG[j].onmouseover = changerImageRl;
			elementsIMG[j].onmouseout = changerImageUp;
		}
	}
};	


function changerImageRl(){
	var srcImage = this.src
	var finChaine = srcImage.substring(srcImage.length-6, srcImage.length)
	var debutChaine = srcImage.substring(0, srcImage.length - finChaine.length)
	this.src = debutChaine + "rl.gif"
};

function setImageSize() {
	if(this.width >= 77) {
		if(this.width/this.height <= 1.06 || this.height/this.width <= 1.06) {
			this.width = this.width*93/100;
			this.height = this.height*95/100;
		}
	}
};

function changerImageUp(){
	var srcImage = this.src
	var finChaine = srcImage.substring(srcImage.length-6, srcImage.length)
	var debutChaine = srcImage.substring(0, srcImage.length - finChaine.length)
	this.src = debutChaine + "up.gif"
};


function genererImagesXML(){
	var images = docXml.getElementsByTagName("image");
	//Afficher la 1ere grande image en loadant la page
	var oeuvreActive = document.getElementById("oeuvreActive");
	oeuvreActive.src = "images/grandes/" + gPageActive + "/" + images[0].getAttribute("src");
	//Gérer l'affichage des minis
	var divMinis = document.getElementById("minis");
	var table = document.createElement("table");
	var tbody = document.createElement("tbody"); 
	divMinis.appendChild(table);
	table.appendChild(tbody);
		
	for(j=0; j < images.length; j++){
		if(j%2 == 0){
			var tr = document.createElement("tr");
			tbody.appendChild(tr);
		}
			var td = document.createElement("td");
			var img = document.createElement("img");
			var legende = document.getElementById("legende");
			tr.appendChild(td);
			td.appendChild(img);
			td.childNodes[0].onload = setImageSize;
			td.childNodes[0].id = "mini" + j;			
			td.childNodes[0].src = "images/minis/" + gPageActive + "/" + images[j].getAttribute("src");
			td.childNodes[0].onmouseover = afficherGrandeImage;
			td.childNodes[0].onmouseout = decolorerBordure;
			

			var titre = document.getElementById("titre");
			titre.firstChild.nodeValue = images[0].getAttribute("title");
			td.childNodes[0].alt = images[0].getAttribute("title");
			var legende = document.getElementById("legende");
			legende.firstChild.nodeValue = images[0].getAttribute("legendFr");
			if(document.getElementById("lang").value == "en"){
				legende.firstChild.nodeValue = images[0].getAttribute("legendEn");
			}					
	}
};


function decolorerBordure(){
	this.style.border = "1px solid #B2B8BF";
};


function afficherGrandeImage(){
//IMAGE	
	this.style.border = "1px solid #fff";
	var srcImage = this.src;
	var nouvelleSrcImage = srcImage.replace("minis", "grandes");
	var grandeImage = document.getElementById("oeuvreActive");
	
	//GÉRER LA MARGE SUPÉRIEURE DE LA GRANDE IMAGE
	grandeImage.src = nouvelleSrcImage;
	//var marge = (460/2 - grandeImage.height/2) + "px"; // CE FAIT EN RETARD*********************************************
	//grandeImage.style.marginTop = marge;
	
//LÉGENDE + TITRE	
	var idRecu = this.id;
	var idRecuFormate = idRecu.replace("mini", "");
	var images = docXml.getElementsByTagName("image");	
	var titre = document.getElementById("titre");
	grandeImage.alt = images[idRecuFormate].getAttribute("title");
	titre.firstChild.nodeValue = images[idRecuFormate].getAttribute("title");
	var legende = document.getElementById("legende");
	legende.firstChild.nodeValue = images[idRecuFormate].getAttribute("legendFr");
	if(document.getElementById("lang").value == "en"){
		legende.firstChild.nodeValue = images[idRecuFormate].getAttribute("legendEn");
	}
};


function chargerXML(){
	//Firefox
   // if ( document.implementation && document.implementation.createDocument ){
   if(BrowserDetect.browser == "Safari" || (document.implementation && document.implementation.createDocument)) {
		//Chrome and safari
		xmlReq = new XMLHttpRequest();
		var xmlUrl = "xml/" + gPageActive + ".xml"
		xmlReq.open("get", xmlUrl, true); //Config. requete GET et ASynchrone
		xmlReq.onreadystatechange = actualiserPage;//désignation de la fonction de rappel
		xmlReq.send(null);//envoi de la requete
   } else {
		//Firefox
		if( document.implementation && document.implementation.createDocument ) { 
			docXml = document.implementation.createDocument("", "", null);
			docXml.onload = function(){
				genererImagesXML();
			}
		} else {  //Internet Explorer
		docXml = new ActiveXObject("Microsoft.XMLDOM")
			docXml.onreadystatechange = function (){
				if (docXml.readyState == 4){
					genererImagesXML();
				}
			}
		}
		docXml.load("xml/" + gPageActive + ".xml");
	}
};

function actualiserPage() {	  
	if (xmlReq.readyState == 4) {
	 if (xmlReq.status == 200) {
		docXml = xmlReq.responseXML; 
	  	genererImagesXML();	  	
	  	//alert("ok safari");
	 }else{
		  //message d'erreur serveur
		  //alert("erreur chargement dans Safari");
		  xmlReq.abort();
		  xmlReq=null;
	   }
	 }
};