var duration = 1500;  /* 1000 millisecond fade = 1 sec */
var steps = 50;       /* number of opacity intervals   */
var delay = 1800;     /* 5 sec delay before fading out */


function fade() {

	new Ajax.Request('content/offre_defilant.php', {
	  onSuccess: function(transport) {
	  
	  var resp = transport.responseText.evalJSON();
		fadeOut('titre_annonces_dynamiques' ,escape( resp.titre ));
		fadeOut('texte_annonces_dynamiques' ,escape( resp.mission ));
		fadeOut('bouton_lire_plus' ,escape(resp.link) );
		setTimeout("fade()", 20000);
	  }
	});
	
}

function fadeIn(element , texte ){
$(element).innerHTML = unescape(texte);
  for (i = -1; i <= 1.3; i += (1 / steps)) {
    setTimeout("setOpacity( '" + element+ "' , " + i + ")", i * duration);
  }
  
}

function fadeOut(element, texte) {
  for (i = 0; i <= 1.1; i += (1 / steps)) {
    setTimeout("setOpacity( '" + element+ "' ," + (1 - i) + ")", i * duration);
  }
  setTimeout("fadeIn('" + element+ "', \""+texte+"\"  )", delay);
  
}

function setOpacity(id , level) {
var element = $(id);
  element.style.opacity = level;
  element.style.MozOpacity = level;
  element.style.KhtmlOpacity = level;
  element.style.filter = "alpha(opacity=" + (level * 100) + ");";
}