var timerEnAttente = 0;
var timerEnAttente2 = 0;
var timerEnAttenteOut = 0;
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";

    if (!opacity || opacity==100) {timerEnAttente = 0;}

}

function blendMyImage(divid, imageid, imagefile, millisec) {
  TryToBlendMyImage(divid, imageid, imagefile, millisec,0);
}



function blendOutMyImage(divid, imageid, imagefile, millisec) {
    timerEnAttenteOut = setTimeout("TryToBlendMyImage('"+divid+"','"+imageid+"','"+imagefile+"',"+millisec+",0)",1000);
}



function TryToBlendMyImage(divid, imageid, imagefile, millisec,essai) {
  if (!timerEnAttente) {

    timerEnAttente2 = 0;
    if (timerEnAttente2) {clearTimeout (timerEnAttente2);timerEnAttente2=0;}
    if (timerEnAttenteOut) {clearTimeout (timerEnAttenteOut);timerEnAttenteOut=0;}
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    
    //make image transparent
    changeOpac(0, imageid);
    
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    //make new image
    document.getElementById(imageid).src = imagefile;


    //fade in image
    i=1;
    while(i <= 100) {
        timerEnAttente = setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
	i++;
    }
  }
  else if (!essai) {
    if (timerEnAttente2) clearTimeout (timerEnAttente2);
    if (timerEnAttenteOut) {clearTimeout (timerEnAttenteOut);timerEnAttenteOut=0;}
    timerEnAttente2 = setTimeout("TryToBlendMyImage('"+divid+"','"+imageid+"','"+imagefile+"',"+millisec+",1)",900);
  }
}