/*	Image Cross Fade Redux	Version 1.0	Last revision: 02.15.200
	steve@slayeroffice.com	Rewrite of old code found here: 
	http://slayeroffice.com/code/imageCrossFade/index.html*/

/* questo codice provoca l'effetto slideshow all'interno di un oggeto "slideshow"
	(nome dato attraverso <div id="slideshow"....>
	 L'oggetto slideshow deve contenere riferimenti ad immagini (con <img src...>)
	*/
	
window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);
var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init() {	
	if(!d.getElementById || !d.createElement) return;
	/*css = d.createElement('link');
	css.setAttribute('href','css/slideshow2.css');
	css.setAttribute('rel','stylesheet');
	css.setAttribute('type','text/css');
	d.getElementsByTagName('head')[0].appendChild(css);*/
	
	/* tutta la parte sopra, serve ad aggiungere il file slideshow2.css come foglio di stile
		slideshow2.css modifica tipo oggetto slideshow ponendo la visualizzazione delle immagini
		ad icona e non complete.
		Quando l'opacità di un tag immagine scende a 0, l'immagine viene completamente disattivata
		imgs[current].style.display='none';
		
		Ho aggiunto slideshow2.css già ai css.*/
	
	contenitore=d.getElementById('slideshow');
	imgs = contenitore.getElementsByTagName('img');
	
	for(i=1;i<imgs.length;i++)
		imgs[i].xOpacity = 0;
	
	imgs[0].style.display = 'block';	//stile 'block' visualizzazione classica
	imgs[0].xOpacity = .99;
	setTimeout(so_xfade,3000);	//ogni 3000ms viene eseguita la so_xfade()
}

function so_xfade(){	
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0; //sceglie img successiva in array imgs
	nOpacity = imgs[nIndex].xOpacity;
	cOpacity-=.05;	nOpacity+=.05;
	imgs[nIndex].style.display = 'block';
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	setOpacity(imgs[current]);
	setOpacity(imgs[nIndex]);
	if(cOpacity<=0)	{
		imgs[current].style.display = 'none';
		current = nIndex;	
		setTimeout(so_xfade,3000);
		//se l'opacità della corrente è a 0
		//sono passato alla prossima: richiama tra 3000ms.
	}	else	{
		//se l'opacità della corrente non è 0
		//rendi l'effetto transizione come alternanza veloce tra le due immagini
		//ogni 50 ms alterna la corrente alla successiva, la prima con opacità diminuita
		//la seconda con opacità aumentata di volta in volta.
		setTimeout(so_xfade,50);
	}	
	
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;	
			return;	
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
	}
}