// JavaScript Document

function domAlbum(){
// Début de la modification de la navigation des albums
	var conteneurAlbums = document.getElementById("conteneurAlbums");
	var divAlbum = conteneurAlbums.getElementsByTagName("div");

	
	for(var cptAlbums = 0;cptAlbums < divAlbum.length;cptAlbums++){
		if(divAlbum[cptAlbums].className == "blocAlbum" || divAlbum[cptAlbums].className == "blocAlbum en_cours"){
			var imageAlbum = divAlbum[cptAlbums].getElementsByTagName("IMG")[0];
			var titreAlbum = divAlbum[cptAlbums].getElementsByTagName("span")[0].innerHTML;
			divAlbum[cptAlbums].innerHTML = "";
			var spanTitreAlbum = document.createElement("span");
			
			spanTitreAlbum.innerHTML = titreAlbum;
			spanTitreAlbum.className ="titreAlbum";
			
			divAlbum[cptAlbums].appendChild(spanTitreAlbum);
			divAlbum[cptAlbums].appendChild(imageAlbum);

			divAlbum[cptAlbums].onclick = function(){
				if(this.className == "blocAlbum"){
					var albumEnCours = getElementsByClassName("blocAlbum en_cours", "", "")[0];
					albumEnCours.className = "blocAlbum";
					albumEnCours.style.backgroundColor= "#FFF";
					this.className = "blocAlbum en_cours";
					changementAlbum();
				}
			};
			divAlbum[cptAlbums].onmouseover = function(){
				if(this.className == "blocAlbum"){
					this.style.backgroundColor= "#CCC";
				}
			};
			divAlbum[cptAlbums].onmouseout = function(){
				if(this.className == "blocAlbum"){
					this.style.backgroundColor= "#FFF";
				}
			};
			
			//divAlbum[cptAlbums].style.border = "#CCC 1px solid";
			//divAlbum[cptAlbums].style.cursor = "pointer";
		}
	}
// Fin de la modification de la navigation des albums
	changementAlbum();
}

function onMouseOverPage(boutton){
	if(boutton.className != "pPhotosCour"){
		boutton.style.color = "#ff9933";
	}
}

function onMouseOutPage(boutton){
	if(boutton.className != "pPhotosCour"){
		boutton.style.color = "#666666";
	}
}

function pageClick(boutton){
	if(boutton.className != "pPhotosCour"){
		var bouttonCourrante = getElementsByClassName("pPhotosCour", "", "")[0];
		boutton.className="pPhotosCour";
		boutton.style.color = "#000000";
		
		bouttonCourrante.id="";
		bouttonCourrante.className="num_page";
		bouttonCourrante.style.color = "#666666";
	}
}

function changementAlbum(){
	var albumEnCours = getElementsByClassName("blocAlbum en_cours", "", "")[0];
	var idAlbumEncours = albumEnCours.id;
	var titreAlbum = getElementsByClassName("titreAlbum", "span", albumEnCours)[0].innerHTML;
	var albumEnCours = idAlbumEncours.substr(idAlbumEncours.indexOf("_")+1, idAlbumEncours.length);
	
	rechercheContenu();
	telechargementContenu(albumEnCours, titreAlbum);
}

function rechercheContenu(){
	var conteneurGallerie = document.getElementById("BlocHautAlbum");
	conteneurGallerie.innerHTML = "<img id=\"imageLoader\" src=\"http://www.admsport.com/albums/ajax-loader.gif\">";
	conteneurGallerie.style.textAlign = "center";
}

function telechargementContenu(idAlbumAChercher, titreAlbum){
	if (window.XMLHttpRequest){//  Objet de la fenêtre courant
		xhr = new XMLHttpRequest();//  Firefox, Safari, ...
	}else{
		if (window.ActiveXObject){//  Version Active
			xhr = new ActiveXObject("Microsoft.XMLHTTP");   // Internet Explorer 
		}
	}
				
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4){// L'état 4 signifie que la réponse est envoyée par le serveur et disponible. 
			if(xhr.status == 200){//Ce status signifie ok, sinon un code d'erreur quelconque est envoyé, 404 par exemple.
				var info = xhr.responseText.split("**");
				
				var blocHautAlbum = document.getElementById("BlocHautAlbum");
				blocHautAlbum.style.textAlign = "left";
				blocHautAlbum.innerHTML = "";
				
				var h3TitreAlbum = document.createElement("h3");
				h3TitreAlbum.innerHTML = titreAlbum+" <span id=\"nb_photos\">/"+info[0]+"</span>";
				blocHautAlbum.appendChild(h3TitreAlbum);
				
				var conteneurGallerie = document.createElement("div");
				conteneurGallerie.id="conteneurGallerie";
				blocHautAlbum.appendChild(conteneurGallerie);
				
				var conteneurGallerieComplet = document.createElement("div");
				conteneurGallerieComplet.id = "conteneurGallerieComplet";
				conteneurGallerieComplet.style.width = info[1]+"px";
				conteneurGallerieComplet.innerHTML = info[3];
				conteneurGallerie.appendChild(conteneurGallerieComplet);
				
				
				
				var nbrPage = info[2];
				if(nbrPage > 1){
					var ulNavigationPhotos = document.createElement("ul");
					ulNavigationPhotos.id = "navigationPhotos";
	
					var texteInnerHtml = "";
					
					for(var cptLi = 0;cptLi < nbrPage;cptLi++){
						texteInnerHtml+= "<li onclick=\"pageClick(this)\" onmouseover=\"onMouseOverPage(this)\" onmouseout=\"onMouseOutPage(this)\" ";
						if(cptLi == 0){
							texteInnerHtml+= "class=\"pPhotosCour\"";
						}else{
							texteInnerHtml+= "class=\"num_page\"";
						}
						texteInnerHtml+= ">"+(cptLi+1)+"</li>";
					}
					
					ulNavigationPhotos.innerHTML = texteInnerHtml;
					blocHautAlbum.appendChild(ulNavigationPhotos);
				}
				
				initMultiBox.initialize();
				
				var nS4 = new noobSlide({
					box: $('conteneurGallerieComplet'),
					items: $$('#conteneurGallerieComplet div'),
					size: 604,
					handles: $$('#navigationPhotos li')
					/*onWalk: function(currentItem,currentHandle){
						//$('info4').set('html',currentItem.getFirst().innerHTML);
						this.handles.removeClass('active');
						currentHandle.addClass('active');
					}*/
				});
				
				executerMenu();
			}
		} 
	}; 
	xhr.open("GET", "http://www.admsport.com/albums/inc_ajax_album.php?id="+idAlbumAChercher, true);          
	xhr.send(null);
}