
/* Effetto fade (modificato) sulle immagini della testata sito Ekoes */








function initBlendImage(sfondo_hover) {

  // Impostiamo ad ogni elemento <li> lo sfondo della testata con l'immagine relativa allo stato "over"

  var a = document.getElementById('testata').getElementsByTagName('a')

  for (i = 0; i < a.length; i++) {
    a.item(i).style.backgroundImage = 'url(' + sfondo_hover + ')';
  }

}


function changeOpac(opacity, idElement) {

  // Recuperiamo il nodo
  var object = document.getElementById(idElement).getElementsByTagName('img');

  // applichiamo la nuova opacità tenendo presente le diverse modalità fra browser
  object.item(0).style.opacity = (opacity / 100);
  object.item(0).style.MozOpacity = (opacity / 100);
  object.item(0).style.KhtmlOpacity = (opacity / 100);
  object.item(0).style.filter = "alpha(opacity=" + opacity + ")";
}


function blendImageOver(idElement, millisec) {
  var speed = Math.round(millisec / 100);
  var timer = 0;

  // Fade image
  for(i = 100; i >= 0; i--) {
    setTimeout("changeOpac(" + i + ",'" + idElement + "')",(timer * speed));
    timer++;
  }
}


function blendImageOut(idElement, millisec) {
  var speed = Math.round(millisec / 100);
  var timer = 0;
  // Fade image
  for(i = 0; i <= 100; i++) {
    setTimeout("changeOpac(" + i + ",'" + idElement + "')",(timer * speed));
    timer++;
  }
}



