////////////////////////////////////////////////////////////////////////////////
// Changeur de photo - ultra basique
////////////////////////////////////////////////////////////////////////////////
/*
Petit guide d'utilisation.
Ce scritp permet de créer uen mini-diaporama sur une page Web.

Afin de l'utiliser dans une page Web, il faut suivre les 4 etape ci dessous :

1. Copier ce fichier changeurdephotos.js dans le dossier qui contient la page Web.

2. Copier les images dans une sous repertoire et les nommé avec un chiffre (ex : Image_1.jpg, etc... ).

3. Editet la configuration de ce fichier (voir bloc Configuration ci apres)

 - repertoire_des_images doit contenir le nom du repertoire qui contient les photos. Ex : "photos/"
 - prefixe_des_images doit contenir le prefixe du nom des photos. Dans ton exemple : ""
 - suffixe_des_images doit contenir le suffixe du nom des photos. Dans ton exemple : ".jpg" 
 - indice_premiere_photo contient l'indice de la premiere photos
 - indice_derniere_photo contient l'indice de la dernière photos

4. Modifier la page Web

	4.1 ajouter, au debut du fichier ( dans le HEAD) la ligne :
	
		<script type="text/javascript" src="changeurdephotos.js" />

	4.2 modifier l'image qui sera gallerie en ajoutant un Id. Ex :
	
	<img src="photos/1.jpg" >
	
	devient
	
	<img id="MaGallerie" src="photos/1.jpg" >
	
	Note : la vlaue r de ID doit etre "MaGallerie"
	
	4.3 Ajouter des boutons
	
	Ex 1 : sur des liens HTML
	
	<a href="#_self" onclick="charger_image_avant();">avant</a>
	<a href="#_self" onclick="charger_image_apres();">apres</a>

	Ex 2 : sur des images

	<a href="#_self" onclick="charger_image_avant();"><img src="avant.gif" alt="Image précédente"/></a>
	<a href="#_self" onclick="charger_image_apres();"><img src="apres.gif" alt="Image suivante"/></a>
	
	Et voila,
	
*/
////////////////////////////////////////////////////////////////////////////////
// Configuration
var repertoire_des_images = "photos/" ;
var prefixe_des_images = "" ;
var suffixe_des_images = ".jpg" ;
var indice_premiere_photo = 1 ;
var indice_derniere_photo = 9 ;

// fin des variables de configuration
////////////////////////////////////////////////////
var id_Gallerie = "MaGallerie" ;
var indice_photo_courante = indice_premiere_photo ;

function charger_image_avant()
{
	if ( indice_photo_courante > indice_premiere_photo ) 
	{
		indice_photo_courante = indice_photo_courante - 1 ;
	}
	charger_image(repertoire_des_images + prefixe_des_images + indice_photo_courante + suffixe_des_images) ;
}	

function charger_image_apres()
{
	if ( indice_photo_courante < indice_derniere_photo ) 
	{
		indice_photo_courante = indice_photo_courante + 1 ;
	}
	charger_image(repertoire_des_images + prefixe_des_images + indice_photo_courante + suffixe_des_images) ;
}	
	
function charger_image(imageFile)
{
  if (document.all)
  {
    document.getElementById(id_Gallerie).style.filter="blendTrans(duration=1)";
    document.getElementById(id_Gallerie).filters.blendTrans.Apply();
  }
  document.getElementById(id_Gallerie).src = imageFile;
  if (document.all)
  {
    document.getElementById(id_Gallerie).filters.blendTrans.Play();
  }
}