function changerImages(numIteration){


	numIteration++;
	var chemin = "/ressources/travaux/intermediates/";
	
	
	var refTravaux = new Array(
	//MODIFIER ICI :
	//---------------------------
		'l-atelier',
		'ainsi-dit',
		'chopard',
		'l-atelier',
		'lunettes',
		'rayonnement',
		'wwf'
	//---------------------------
	//NE PLUS MODIFIER ICI
	);
	
	
	var nbreTravaux = refTravaux.length;
	
	
	// IDs
	var idTravailAvant = "travail_avant";
	var idTravailArriere = "travail_arriere";

	
	
	// IMAGES
	var travailAvant = document.getElementById(idTravailAvant);
	var travailArriere = document.getElementById(idTravailArriere);
	
		
		
	//inversion et prechargement
	travailAvant.src = travailArriere.src;
	
	travailAvant.style.opacity = 1;
	travailArriere.style.opacity = 0;
	travailAvant.style.filter = 'alpha(opacity=100)';
	travailArriere.style.filter = 'alpha(opacity=0)';
		
	// remplacement
	travailArriere.src = chemin+refTravaux[numIteration%nbreTravaux]+'.jpg';
	
	setTimeout("fonduSortant('"+idTravailAvant+"', '"+idTravailArriere+"', '1', '"+numIteration+"')",4000);
	
}



function fonduSortant(id, idEntrant, valeur, numIteration){

	var image = document.getElementById(id);
	
	if(valeur > 0){
		valeur = valeur-0.1;
		image.style.opacity = valeur;
		image.style.filter = 'alpha(opacity='+(valeur*100)+')';
		chang=window.setTimeout("fonduSortant('"+id+"', '"+idEntrant+"', '"+valeur+"', '"+numIteration+"')", 50);
	} else {
		window.clearTimeout(chang);
		fonduEntrant(0.05, idEntrant, numIteration);
	}
}



function fonduEntrant(valeur, id, numIteration){
	
	var image = document.getElementById(id);
	
	if(valeur < 1){
		image.style.opacity = valeur;
		image.style.filter = 'alpha(opacity='+(valeur*100)+')';
		valeur=valeur*2;
		chang1=window.setTimeout("fonduEntrant('"+valeur+"', '"+id+"', '"+numIteration+"')", 50);
	} else {
		image.style.opacity = 1;
		image.style.filter = 'alpha(opacity=100)';
		window.clearTimeout(chang1);
		if(numIteration>0){
			changerImages(numIteration);
		}
	}
}














function findPos(element) {

	var x = y = 0;

	if(element.offsetParent) {

		x = element.offsetLeft;
		y = element.offsetTop;
		
		while(element = element.offsetParent) {
			x += element.offsetLeft;
			y += element.offsetTop;
		}
	}
	return {'x':x, 'y':y};
}


function zoom(div){

	var largeurLoupe = 150;
	var hauteurLoupe = 100;
	
	var loupe = document.getElementById("loupe");
	
	//creation de la loupe si elle n'existe pas
	if (!loupe) {
		loupe = document.createElement("div");
		loupe.id = 'loupe';
		loupe.style.width = largeurLoupe+'px';
		loupe.style.height = hauteurLoupe+'px';
		loupe.style.position = 'absolute';
		loupe.style.top = positionSouris(div)['x']+'px';
		loupe.style.left = positionSouris(div)['y']+'px';
		loupe.style.backgroundColor = 'red';
		loupe.innerHTML = 'hello world!';
		document.getElementById('image').appendChild(loupe);
	
	//si elle existe, deplacement de la loupe	
	} else {
		loupe.style.left = positionSouris(div)['x']+'px';
		loupe.style.top = (positionSouris(div)['y']-0.5*hauteurLoupe)+'px';
		loupe.style.backgroundColor = 'blue';
	}
}


function positionSouris(div){
	
	var x;
	var y;
	
	if(div){                     // Dans ce cas on obtient directement la position dans la page
    	x = div.pageX;
    	y = div.pageY;
  	} else{                      // Dans ce cas on obtient la position relative � la fen�tre d'affichage
    	x = event.clientX;
    	y = event.clientY;
	}
	
	 //-- Il faut traiter le CAS des DOCTYPE sous IE
    if( document.documentElement && document.documentElement.clientWidth) // Donc DOCTYPE
    	DocRef = document.documentElement;   // Dans ce cas c'est documentElement qui est r�f�rence
    else
      	DocRef = document.body;
	

	//x = event.clientX;// + (document.body.scrollLeft || document.documentElement.scrollLeft);
	//y = event.clientY;// + (document.body.scrollTop || document.documentElement.scrollTop);
	
	//x = findPos(div)['x'];
	//y = findPos(div)['y'];
	
	x += DocRef.scrollLeft;
    y += DocRef.scrollTop;

	return {'x':x, 'y':y};
}



function masquer(div){
	var parent = document.getElementById("loupe").parentNode;
	parent.removeChild(document.getElementById("loupe"));
}