// Charge les pages lors d'un clic lien
function charge(request){
	// On déselectionne tout les liens
	for(i=1;i<=3;i++){
		document.getElementById("lien_"+i).style.color = "#a38d6d";
	}
	// On récupère les données correspondantes à la recherche
	// On change la couleur du lien
	document.getElementById("lien_"+request).style.color = "#6b6356";
	// On change l'image
	document.getElementById("photo").src = "images/photo_"+request+".png";
	// On change le texte
	ajax('pages/page_'+request+'.php','text');
}

// Retourne la valeur d'un champs
function getForm(name){
	return document.getElementById(name).value;
}

// Permet d'envoyer un mail
function mail(nom,mail,message,sujet){
	ajax('pages/page_3.php?envoi=1&nom='+nom+'&mail='+mail+'&message='+message+'&sujet='+sujet,'text');
}

// Change l'apparence d'une catégorie au survol
function select_cat(etat){
	// Au survol
	if(etat == 1){
		document.getElementById("categorie").style.backgroundColor = "#dedfe8";
	// En sortie de survol
	}else{
		document.getElementById("categorie").style.backgroundColor = "white";
	}
}
function change_opacity(opacity,mode){
	if(mode){
		opacity -= 0.1;
		document.getElementById("categorie").style.opacity = opacity;
		if(opacity > 0 ) setTimeout("change_opacity("+opacity+",true)",10); 
	}else{
		opacity += 0.1;
		document.getElementById("categorie").style.opacity = opacity;
		if(opacity < 1 ) setTimeout("change_opacity("+opacity+",false)",10); 
	}
}

// Change la catégorie
function suiv_cat(no) {
	// On change l'opacité --> invisible
	change_opacity(1,true);
	// On charge la nouvelle catégorie
	ajax("pages/page_2.php?categorie="+no,"text");
	// On rechange l'opacité --> visivle
	change_opacity(0,false);
}

// Permet de visualiser les oeuvres d'une catégorie
function voir_cat(no,title){
	// On met la galerie visible
	document.getElementById("galerie").style.display = "block";
	document.getElementById("content_galerie").style.display = "block";
	// On met en place le loader
	document.getElementById("content_galerie").innerHTML = "Chargement...";
	// On charge la page dans le div galerie
	ajax("pages/page_2.php?galerie=1&title="+title+"&lastid=1&page_actuelle=1&categorie="+no,"content_galerie");
}

// Ferme la galerie
function ferme_galerie(){
	// On met la galerie invisible
	document.getElementById("galerie").style.display = "none";
	document.getElementById("content_galerie").style.display = "none";
}

// Affiche une oeuvre en grand
function affiche_oeuvre(cat,photo,titre){

	document.getElementById("photo_grande").innerHTML = "";
	document.getElementById("photo_grande").style.backgroundImage = "url('images/oeuvres/cat_"+cat+"/"+photo+"')";
	document.getElementById("title_oeuvre_diap").innerHTML = titre;
}

// Affiche la série suivantes d'oeuvres
function affiche_oeuvre_suiv(etat,page_demande,last_id,title,cat){
	if(!etat){ prec = '&prec=on'; }else{ prec = ''; };
	ajax("pages/page_2.php?galerie=1&title="+title+"&lastid="+last_id+"&page_actuelle="+page_demande+"&categorie="+cat+prec,"content_galerie");
	document.getElementById("photo_grande").innerHTML = "Cliquez sur un tableau.";
}

// Ouvre le popup pour y afficher des infs sur le scours et les stages
function ouvre_popup(type){
	// On charge les données dans le popup
	ajax("pages/page_1.php?popup="+type,"popup");
	// On met le titre
	if(type == 1){ titre = "Stages"; }else{ titre = "Cours"; }
	document.getElementById("title_popup").innerHTML = titre;	
	// On affiche le popup
	document.getElementById("title_popup").style.display = "block";
	document.getElementById("fond_popup").style.display = "block";
	document.getElementById("popup").style.display = "block";
}

// Ferme le popup
function ferme_popup(){
	// On enlève le popup
	document.getElementById("title_popup").style.display = "none";
	document.getElementById("fond_popup").style.display = "none";
	document.getElementById("popup").style.display = "none";
}

// Charge une page dans un div
function ajax(url,cadre){
	var XHR = null;

	if(window.XMLHttpRequest) // Firefox
		XHR = new XMLHttpRequest();
	else if(window.ActiveXObject) // Internet Explorer
		XHR = new ActiveXObject("Microsoft.XMLHTTP");
	else { // XMLHttpRequest non supporté par le navigateur
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		return;
	}
		// envoie de la requête, methode GET et de l'url
	XHR.open("GET",url, true);

		// on guette les changements d'état de l'objet
	XHR.onreadystatechange = function attente() {

		// l'état est à 4, requête reçu !
	if(XHR.readyState == 4)     {

		// ecriture de la réponse
	document.getElementById(cadre).innerHTML = XHR.responseText;
   }
	}
	XHR.send(null);
	return;
}