/*
//definisco array immagini per scorrimento
var imgArr = new Array();
imgArr[0] = "img/imgSx1.jpg";
imgArr[1] = "img/imgSx2.jpg";
imgArr[2] = "img/imgSx3.jpg";
var timerCount = 30;
var transactionTime = 20;
*/

var fftransaction = 1/transactionTime;
var ieTransaction = 100/transactionTime;

var imgAttuale = document.getElementById("attualeImg");
var imgTransizione = document.getElementById("transizioneImg");

imgAttuale.src = imgArr[0];
imgTransizione.src = imgArr[1];

var actualIdx = 0;
var timerN = 0;

function changeImg() {
	timerN = timerN%timerCount;
	//per Firefox
	imgTransizione.style.opacity = (timerN-(timerCount-transactionTime))*fftransaction;
	//per IE
	imgTransizione.style.filter = "alpha(opacity="+(timerN-(timerCount-transactionTime))*ieTransaction+")";
	
	timerN++;
	if(timerN == timerCount) {
		actualIdx++;
		actualIdx = actualIdx%(imgArr.length);
		nextIdx = (actualIdx+1)%(imgArr.length);
		imgAttuale.src = imgArr[actualIdx];
		imgTransizione.style.opacity = 0;
		imgTransizione.style.filter = "alpha(opacity=0)";
		imgTransizione.src = imgArr[nextIdx];
	}
	
	window.setTimeout("changeImg()",100,"JavaScript");
}

changeImg();
