var q;
var t;
var opa = 1;
var ima = 1;

//Cette fonction commence le fade out de l'image
function fadeOut(){
	//Appelle l'image
	var slideJ = document.getElementById("slide");
	
	//opa gère la vitesse du fade out
	opa -= 0.05;
	
	//Rend l'image de plus en plus transparent
	slideJ.style.opacity = opa;
	slideJ.style.filter = "alpha(opacity = "+ opa*100 +")";
	
	//Si l'image est totalement transparente on va a choiximage(), sinon on recommence
	if(opa <= 0){
		return choixImage();
	}else{
		t=setTimeout("fadeOut()",50);
	}
}

//Cette fonction commence le fade in de l'image
function fadeIn(){
	//Appelle l'image
	var slideJ = document.getElementById("slide");
	
	//remplace la photo
	slideJ.src = "slideshow/slide"+ ima +".jpg";
	slideJ.alt = "photo";
	
	//opa gère la vitesse du fade in	
	opa += 0.05;
	
	//rend transparent
	slideJ.style.opacity = opa;
	slideJ.style.filter = "alpha(opacity = "+ opa*100 +")";
	
	//Si l'image est totalement visible on retourne à start(), sinon on recommence
	if(opa >= 1){
		return start();
	}else{
		t=setTimeout("fadeIn()",50);
	}
}

//Cette fonction choisi l'image à afficher
function choixImage(){
	
	//condition pour faire tourner en boucle les images
	if(ima == 3){
		ima = 1;
	}else{
		ima += 1;
	}
	fadeIn();
}

//Cette fonction part un timer qui laisse l'image pendant un nombre de secondes défini
function start(){
	q = setTimeout("fadeOut()",3000);
}