var imageCourante=0;
var nbImageMax=0;
var tempsEntreImages=5000;
var timer;

function initialisationMonSlider()
{
  nbImageMax=$('#slider > div.monImage').length;
  for(var i=1;i<=nbImageMax;i++)
  {
       $("#choixPage").append("<a href='#' onclick=\"allerA("+i+");return false;\" id=\"btn"+i+"\">"+i+"</a>");
  }
  $("#choixPage").append("<div class=\"pause\" id=\"pause\"><a href=\"#\" onclick=\"stopMonSlider();return false;\"><img src=\"/images/img-pause-a.gif\" border=\"0\" /></a></div>");
  monFade();
}

function stopMonSlider()
{
  clearTimeout(timer);
  $("#pause").html('<a href="#" onclick="startMonSlider();return false;"><img src="/images/img-play-a.gif" border="0" /></a>');
}

function startMonSlider()
{
  timer=setTimeout("monFade()",1);
  $("#pause").html('<a href="#" onclick="stopMonSlider();return false;"><img src="/images/img-pause-a.gif" border="0"  /></a>');
}

function monFade(forcerIdImage)
{


//on ferme l'image pui le texte courant

	$('#image'+imageCourante).fadeOut('fast',function()
	{
			//on deselectionne la page courante
			 $('#btn'+imageCourante).removeClass('actif');

			if(forcerIdImage)
			{
				imageCourante=forcerIdImage;
			}
			else
			{
				   //on incremente
					imageCourante++;

					//si fin on remet au début;
					if(imageCourante>nbImageMax)
						imageCourante=1;
      		}
			//on reselectionne la page suivante
			 $('#btn'+imageCourante).addClass('actif');

			//alert('on ouvre'+imageCourante);
			$('#image'+imageCourante).fadeIn('slow' );

			//on relance dans x secondes
            timer=setTimeout("monFade()",tempsEntreImages);
	}
	);

}

function allerA(idImage)
{
     clearTimeout(timer);
           monFade(idImage);
}