function getContent(node, name) {
  var childs = node.getElementsByTagName(name);
  if (childs.length > 0) {
    var child = childs.item(0);
    if (child.childNodes.length > 0) {
      return child.childNodes.item(0).nodeValue;
    } else {
      return "";
    }
  }
}


//Prechargement des images
var lengthOfPreloadBar = 180 // Longueur de la barre de progression en pixels
var heightOfPreloadBar = 15 // Hauteur de la barre de progression en pixels
var covered;
var timerID;
var galId = 0;

var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = "http://www.igot-web.com/design/design1b/black.gif" // couleur de la barre en default
dots[1] = new Image(1,1)
dots[1].src = "http://www.igot-web.com/design/design1b/blue.gif" // couleur de la barre en progression

		
 function checkLoad() {
	 if (currCount == preImages.length) {
		document.getElementById("contenuAlbum").innerHTML += galerieCode;
		if(galId!=nbreGaleries-1)
		{
		    for(i = 0; i < currCount ; i++)
			{
				document.getElementById("img" + i ).className = "loadBarEmpty";
//				eval("document.img" + i + ".src=dots[0].src")
			}
			galId++;
			loadGaleries();
		}
		else
		{
			hideLoading();
		}
		return
	 }
	 for (var i = 0; i <= preImages.length; i++) {
		 if (loaded[i] == false && preImages[i].complete) {
			 loaded[i] = true
	//		 eval("document.img" + currCount + ".src=dots[1].src")
 			 document.getElementById("img" + currCount ).className = "loadBarFull";
			 currCount++
			 document.getElementById("loadImage").innerHTML = currCount+" / "+preImages.length;
		 }
	 }
	 timerID = setTimeout("checkLoad()",50)
 }


 function loadImages() {
	 for (var i = 0; i < yourImages.length; i++) {
		 preImages[i] = new Image();
		 preImages[i].src = yourImages[i];
	 }
	 for (var i = 0; i < preImages.length; i++) {
		 loaded[i] = false;
	 }
	 checkLoad();
 }
 
 function loadGaleries() 
 {
 
 			galerie = galeries.item(galId);
			galerieCode = "";
			
			galerieCode += "<div class=\"titreSousRep\">"+getContent(galerie,"nomGalerie")+"</div><div class=\"retourSousRep\"><a href=\""+langue+"/albums/\"?PHPSESSID=7168f74ad26525f8d6eaad68158cf777>"+retour+"</a></div> \n";
			galerieCode += "<br />";

            var listePhotos = galerie.getElementsByTagName("picture");
			galTerminee = false;
			yourImages = new Array();
			
			for (var j = 0; j < listePhotos.length; j++)
			{	
				var photo = listePhotos.item(j);
				yourImages[j] = "http://www.igot-web.com/galeries/"+getContent(reponse.documentElement,"chemin")+"/thumbs/"+getContent(galerie,"chemin")+"/"+getContent(photo,"chemin");
			}
			
			preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
			loaded = new Array();
			leftOverWidth = lengthOfPreloadBar - coverage*yourImages.length;
			
			var preloadBar = '';
			preloadBar += "<div id=\"loadText\" class=\"loadText\"></div><div id=\"loadImage\" class=\"loadImage\"></div>";
			preloadBar += "<div class=\"loadBar\">"
			preloadBar += '<div id="img' + 0 + '" class="loadBarEmpty" style="width:' + (leftOverWidth+coverage) + 'px; height:' + heightOfPreloadBar + 'px;"></div>'
			for (i = 1; i < yourImages.length; i++) 
			{
				preloadBar += '<div id="img' + i + '" class="loadBarEmpty" style="width:' + coverage + 'px; height:' + heightOfPreloadBar + 'px;" ></div>'
			}
			preloadBar += "</div>"
			document.getElementById('loading').innerHTML = preloadBar;
			document.getElementById("loadText").innerHTML = getContent(galerie,"nomGalerie");
			loadImages()
			
			for (var j = 0; j < listePhotos.length; j++)
			{	
				var photo = listePhotos.item(j);
			
				galerieCode += "<div class=\"thumbPhotos\" >";
				galerieCode += "<img src=\"galeries/"+getContent(reponse.documentElement,"chemin")+"/thumbs/"+getContent(galerie,"chemin")+"/"+getContent(photo,"chemin")+"\" onclick=\"javascript:window.open('/galeries/"+getContent(reponse.documentElement,"chemin")+"/photos/"+getContent(galerie,"chemin")+"/"+getContent(photo,"chemin")+"','','scrollbars=no,resizable=yes,width=820,height=650')\"/><br /> \n";
				galerieCode += getContent(photo,"description-"+langue);
				galerieCode += "</div>";
			}
			galerieCode += "<div class=\"espaceVertical\"></div>";
			

 }

function charge_galerie(idGalerie)
{	

    var xhr_object = null;

    if(window.XMLHttpRequest) // Firefox
      xhr_object = new XMLHttpRequest();
	else if(window.ActiveXObject) // Internet Explorer
      xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
	
    xhr_object.open("GET", "XMLHttpRequest/galerie.php?gal="+escape(idGalerie)+"&langue=" , true);
	/* Réception de la réponse*/
    xhr_object.onreadystatechange = function() {
	  var code = "";
      if (xhr_object.readyState == 4)
      {
        reponse = xhr_object.responseXML;
		var reponseTxt = xhr_object.responseText;

		var contenuCentre = "";
		contenuCentre += "	<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" >";
		contenuCentre += "		<tr>";
		contenuCentre += "			<td colspan=\"3\" class=\"contenuCentreHaut\"></td>";
		contenuCentre += "		</tr>";
		contenuCentre += "		<tr>";
		contenuCentre += "			<td class=\"contenuCentreGauche\" rowspan=\"2\"></td>";
		contenuCentre += "			<td class=\"contenuCentreTitre\">"+getContent(reponse.documentElement,"nomGalerie");
		contenuCentre += "			</td>";
		contenuCentre += "			<td class=\"contenuCentreDroite\" rowspan=\"2\">&nbsp;</td>";
		contenuCentre += "		</tr>";
		contenuCentre += "		<tr>";
		contenuCentre += "			<td class=\"contenuCentreContenu\" >";
		contenuCentre += "				<div id=\"alertModif\">";
		contenuCentre += "				</div>";
		contenuCentre += "				<div class=\"contenuAlbum\" id=\"contenuAlbum\">";
		contenuCentre += "      </div></td>";
		contenuCentre += "    </tr>";
		contenuCentre += "    <tr>";
		contenuCentre += "      <td class=\"contenuCentreBasGauche\">&nbsp;</td>";
		contenuCentre += "      <td class=\"contenuCentreBas\" >&nbsp;</td>";
		contenuCentre += "      <td class=\"contenuCentreBasDroite\"></td>";
		contenuCentre += "    </tr>";
		contenuCentre += "  </table>";
		
		document.getElementById("contenuCentre").innerHTML = contenuCentre;
		document.getElementById("colonneGauche").style.width = "2%";

		galeries = reponse.documentElement.getElementsByTagName("galerie");
		retour = "Retour aux galeries";
        langue = "";
		nbreGaleries = galeries.length;
		loadGaleries();

	  }
	}
	

	/* Envoi des données */
	xhr_object.send(null);
}