<!--

//cambia le opacità nei differenti browser
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 + ")"; 
}


// Set speed (milliseconds)
var speed = 5000


var Pic = new Array() 

//Per inserire ulteriori immagini basta incrementare questa lista
Pic[0] = 'public/homepage/1.jpg'
Pic[1] = 'public/homepage/2.jpg'
Pic[2] = 'public/homepage/3.jpg'


// =======================================
// Inizio script
// =======================================

var t
var j = 0;
var p = Pic.length;

var speed = Math.round(1200 / 100); 
//Incrementando il primo valore (1200) si rallenta l'effettto dissolvenza. Diminuendo il valore si accelera l'effetto.

var timer = 0; 
	
var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
   
}

function runBGSlideShow(){
   
  elback = document.getElementById('immagine_centrale_index');
   elfront = document.getElementById('contentbg');
   
   elback.style.backgroundImage=elfront.style.backgroundImage; //Settiamo lo sfondo con l'immagine corrente
   changeOpac(0, 'contentbg'); //Variamo la trasparenza di contentbg
   
  elfront.style.backgroundImage="url("+Pic[j]+")";


	// effetto fade immagini
	var timer = 0;
    for(i = 0; i <= 100; i++) { 
        setTimeout("changeOpac(" + i + ",'" + 'contentbg' + "')",(timer * speed)); 
        timer++; 
    }
   
   j = j + 1;
   if (j > (p-1)) j=0;
   t = setTimeout('runBGSlideShow()', 6000)
}

//-->