// JavaScript Document
// fichier des fonctions javascript du diaporama



// --------------------------------------------------------------------------------------------------------
// fonction qui change l'image principale :
function change_image(id_groupe,id_image,racine_du_site,dossier_images) {
	requete_ajax(racine_du_site, "/diaporama/ajax/retourne_image.php?id_groupe="+id_groupe+"&id_image="+id_image+"&dossier_images="+dossier_images, 'diapo_image_courante');
   	document.getElementById("masque_diapo").style.display="none" ; // on occulte le masque, pour voir la nouvelle image cliquée
	
	// affichage du titre du groupe + titre de li'mage :
	requete_ajax(racine_du_site, "/diaporama/ajax/retourne_titre.php?id_groupe="+id_groupe+"&id_image="+id_image, 'diapo_titre');
	
} // fin  function affiche_vignettes
// --------------------------------------------------------------------------------------------------------




// --------------------------------------------------------------------------------------------------------
// fonction qui affiche toutes les infos d'un groupe donné :
function affiche_groupe(num_groupe,racine_du_site,dossier_images) {

	document.getElementById("diapo_bloc_3_images").style.left = "-460px"; // on remet le bloc de 3 images au centre

	//on détermine le groupe précédent et le groupe suivant (pour le défilement) :
	if (groupes.length>1) {
		
		if (num_groupe>0) { 
			var num_precedent= eval(num_groupe)-1;
		} else {
			var num_precedent= groupes.length-1;
		}
		document.getElementById('lien_gauche').href="javascript:diaporama_defilement("+num_precedent+",1,'"+racine_du_site+"','"+dossier_images+"');";
	
		if (num_groupe<(groupes.length-1)) { 
			var num_suivant= eval(num_groupe)+1;
		} else {
			var num_suivant= 0;
		}
		document.getElementById('lien_droite').href="javascript:diaporama_defilement("+num_suivant+",-1,'"+racine_du_site+"','"+dossier_images+"');";
	
	} else { // il n'y a qu'un seul groupe,on n'affiche pas les boutons :
		document.getElementById('lien_gauche').style.display="none";
		document.getElementById('lien_droite').style.display="none";
	}
	
	
	// on commence par afficher la 1ere image de chaque groupe du bloc de 3 groupes :
	requete_ajax(racine_du_site, "/diaporama/ajax/retourne_image.php?id_groupe="+groupes[num_groupe]+"&id_image=0&dossier_images="+dossier_images, 'diapo_image_courante');
	requete_ajax(racine_du_site, "/diaporama/ajax/retourne_image.php?id_groupe="+groupes[num_suivant]+"&id_image=0&dossier_images="+dossier_images, 'diapo_image_suivante');
	requete_ajax(racine_du_site, "/diaporama/ajax/retourne_image.php?id_groupe="+groupes[num_precedent]+"&id_image=0&dossier_images="+dossier_images, 'diapo_image_precedente');
	
	// affichage du titre du groupe + titre de li'mage :
	requete_ajax(racine_du_site, "/diaporama/ajax/retourne_titre.php?id_groupe="+groupes[num_groupe]+"&id_image=0", 'diapo_titre');
	
	// affichage des vignettes :
	requete_ajax(racine_du_site, "/diaporama/ajax/retourne_vignettes_groupe.php?id_groupe="+groupes[num_groupe]+"&dossier_images="+dossier_images, 'diapo_vignettes');

	// affichage de la légende à droite
	requete_ajax(racine_du_site, "/diaporama/ajax/retourne_legende_groupe.php?id_groupe="+groupes[num_groupe], 'diapo_legende');
	

} // fin  function affiche_groupe
// --------------------------------------------------------------------------------------------------------




// --------------------------------------------------------------------------------------------------------
function diaporama_defilement(num_groupe,sens,racine_du_site,dossier_images) {
	
	document.getElementById('liste_groupes').selectedIndex = eval(num_groupe)+1;
	defilement(-460,num_groupe,sens,racine_du_site,dossier_images); // on appelle la fonction de défilement d'image
	
}
// --------------------------------------------------------------------------------------------------------



// --------------------------------------------------------------------------------------------------------
// fonction qui fait défiler les grandes images du diaporama :
function defilement(abscisse,num_groupe,sens,racine_du_site,dossier_images) {
   
   document.getElementById("masque_diapo").style.display="none" ; // on occulte le masque, le temps du scrolling
   
   obj = document.getElementById("diapo_bloc_3_images");
   abscisse=abscisse+(sens*20);
   obj.style.left = abscisse + "px"; 

   if (((abscisse<0) && (sens==1)) || ((abscisse>-920) && (sens==-1))) {
		// défilement : 
		setTimeout("defilement("+abscisse+","+num_groupe+","+sens+",'"+racine_du_site+"','"+dossier_images+"')",30);
   } else {
		
		// fin du défilement :
		// -----------------------------------
	
		if (sens==-1) {	var image_sous_masque= document.getElementById("diapo_image_suivante"); }
		if (sens==1) {	var image_sous_masque= document.getElementById("diapo_image_precedente"); }
		
		document.getElementById("masque_diapo").innerHTML= image_sous_masque.innerHTML; // on recopie le contenu de l'image qui se trouve sur le masque, et cela DANS le masque
   		document.getElementById("masque_diapo").style.display="block" ; // on réaffiche le masque après le scrolling

		affiche_groupe(num_groupe,racine_du_site,dossier_images); // par derrière le masque, on actualise le bloc de 3 images en AJAX

	} // fin IF
   
} // fin function
// --------------------------------------------------------------------------------------------------------