// JavaScript Document
/*
  Perché questo script funzioni servono due immagini <img> con id='sopra' e id='sotto' che stiano
  fisicamente una sopra l'altra. Posizionabili con CSS o altro
  @author Andrea 'Keeper' Quinteri
  @author Alessio M. 'Lex' Santin  
*/

    // Variabili impostabili
	var interval = 20; // millisecondi
	var imgDelay = 3000; // millisecondi
	var imgdir = 'img/';
	var images = Array('Casa_1.jpg','Casa_2.jpg','Casa_3.jpg');
	
	// SCRIPT : NON MODIFICARE 
	var curimg = 0;
	var dir = 1;
    var alpha = 1;
	var intervalId;
	
	var img = new Image();
	for(i=0;i<images.length;i++) {
		img.src = imgdir + images[i];
	}
	
	function tick() {
		alpha += 0.015*dir;
		if(alpha <= 0 || alpha >= 1) {
			alpha = (alpha <= 0 ? 0 : 1);
			dir = -dir;
			curimg = (curimg+1) % images.length;
			document.getElementById( (dir == 1 ? 'sopra' : 'sotto') ).src = imgdir + images[curimg];
			clearInterval(intervalId);
			setTimeout(startTick,imgDelay);
		}
   
		if(!document.all) {
			document.getElementById('sopra').style.MozOpacity = alpha;
		} else {
			document.getElementById('sopra').style.filter = "alpha(opacity="+(alpha*100)+")";
		}

	}
	
	function startTick() {
		intervalId = setInterval(tick, interval);
	}
	
	oldfunc = window.onload;
	window.onload = function() { 
		if(typeof(oldfunc) == 'function')
			oldfunc();
		startTick();
	}