var actif;
divActive  = false;
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function colorIn(obj,opacity) {
    if (opacity <= 100) {
      setOpacity(obj, opacity);
	  obj.style.visibility = "visible";
	  
      opacity += 10;
      actif = window.setTimeout( function() {     colorIn(obj,opacity);  },100);
    }
}

function fadeInFondu(idImageOld, idImage, opacity) {
	if (opacity >= 0) {
      setOpacity(idImageOld, opacity);
      opacity -= 10;
      actif = window.setTimeout( function() { fadeInFondu(idImageOld, idImage, opacity);  },100);
    }else{
		idImageOld.style.visibility = "hidden";
		divActive = idImage;
		idImage = document.getElementById(idImage);
		idImage.style.visibility = "visible";
		colorIn(idImage, 0);
	}
}


function fonduImage(nomImage) {
	if(!divActive){
		divActive = nomImage.substr(0, (nomImage.length-2))+"01";
	}
	if(actif){
		window.clearTimeout(actif);
	}
	
	idImageOld = document.getElementById(divActive);
	fadeInFondu(idImageOld, nomImage, 100);
	
 } 
 
 
 
 function afficheImage(idDiv, idImage){
	image = document.getElementById(idImage);
	div = document.getElementById(idDiv);
	
	image.style.visibility = 'visible';
	colorIn(div,0);
	
 }
 
 
  function imageMask(idDiv, idImage){
	if(actif){
		window.clearTimeout(actif);
	}
	image = document.getElementById(idImage);
	div = document.getElementById(idDiv);
	
	
	 setOpacity(div, 0);
	image.style.visibility = 'hidden';
 
	}