/*
Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com

Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html
*/

//window.addEventListener?window.addEventListener('load',so_init,false); //:window.attachEvent('onload',so_init);

var d=document, imgs = new Array(), zInterval = null, current=1, pause=false;

function so_init()
{
	if(!d.getElementById || !d.createElement)return;

	//css = d.createElement('link');
	//css.setAttribute('href','slideshow2.css');
	//css.setAttribute('rel','stylesheet');
	//css.setAttribute('type','text/css');
	//d.getElementsByTagName('head')[0].appendChild(css);

	imgs = d.getElementById('slideshow').getElementsByTagName('img');

	waitload = 0;
	for(i=1;i<imgs.length;i++){
		imgs[i].xOpacity = 0;
		if (!imgs[i].complete) waitload=1;
	}

	if (waitload){
		setTimeout(so_init,1000);
	}else{
		imgs[0].style.display = 'none';
		imgs[1].style.display = 'block';
		imgs[1].xOpacity = .99;

		// nome e titolo della prima immagine
		//document.getElementById('description_slideshow_montagna').innerHTML = imgs[current].title ;
		//document.getElementById('title_img_slideshow_montagna').innerHTML = '<h1>' +imgs[current].alt  + '</h1>';
		// costruisco il menu a cerchietti
		//menu_cerchietti = '<ul>';
		//for(i=1;i<imgs.length;i++){
		//	if (i==current){
		//		menu_cerchietti = menu_cerchietti+'<li><img src="/images/img_f2.gif" alt="Dettaglio della foto" title="Dettaglio della foto" width="19" height="12" border="0"></li>';
		//	}else{
		//		menu_cerchietti = menu_cerchietti+'<li><a href="/?section=contents&type=gallery&image='+imgs[i].id+'"><img src="/images/img.gif" width="19" alt="Guarda il dettaglio della foto" title="Guarda il dettaglio della foto" height="12" border="0" id="Image'+(i+7)+'" onMouseOver="MM_swapImage(\'Image'+(i+7)+'\',\'\',\'/images/img_f2.gif\',1)" onMouseOut="MM_swapImgRestore()"></a></li>';
		//	}
		//}
		//menu_cerchietti = menu_cerchietti+'</ul>';
		//document.getElementById('page').innerHTML = menu_cerchietti;

		setTimeout(so_xfade,3000);
	}
}

function so_xfade()
{
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:1;
	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);

		// nome e titolo delle immagini che scorrono
		//document.getElementById('description_slideshow_montagna').innerHTML = imgs[current].title;
		//document.getElementById('title_img_slideshow_montagna').innerHTML = '<h1>' +imgs[current].alt  + '</h1>';
		// costruisco il menu a cerchietti
		//menu_cerchietti = '<ul>';
		//for(i=1;i<imgs.length;i++){
		//	if (i==current){
		//		menu_cerchietti = menu_cerchietti+'<li><img src="/images/img_f2.gif" width="19" alt="Dettaglio della foto" title="Dettaglio della foto" height="12" border="0"></li>';
		//	}else{
		//		menu_cerchietti = menu_cerchietti+'<li><a href="/?section=contents&type=gallery&image='+imgs[i].id+'"><img src="/images/img.gif" alt="Guarda il dettaglio della foto" title="Guarda il dettaglio della foto" width="19" height="12" border="0" id="Image'+(i+10)+'" onMouseOver="MM_swapImage(\'Image'+(i+10)+'\',\'\',\'/images/img_f2.gif\',1)" onMouseOut="MM_swapImgRestore()"></a></li>';
		//	}
		//}
		//menu_cerchietti = menu_cerchietti+'</ul>';
		//document.getElementById('page').innerHTML = menu_cerchietti;
	}
	else
	{
		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) + ')';
}