// JavaScript Document
<!--
// changeImages(name, src|dir, [file , num])
// Puo' essere chiamata con 2 o 4 parametri
// Con due parametri sostituisce l'immagine name con src (url completo dell'immagine nuova)
// Con 4 parametri cambia l'immagine name con l'immagine indicata in file nel direttorio dir
// ed applica lo slideshow, i file devono essere chiamati file0, file1, file(num-1)

var nameImg;  // IMG name
var dirImg;   // Image Directory
var fileImg;  // Image file name
var numImg;   // Number of image to fade
var countImg; // Frame count
var opacity;  // Image Opacity
var nextImg;
var timer;
function changeImages() {
 	if (document.images) {
			if(document.images[changeImages.arguments[0]]) {
			  nameImg = changeImages.arguments[0];
			  opacity = 100;
        setOpacity(document.images[nameImg], opacity);
        clearTimeout(timer);			  
        if (changeImages.arguments.length == 2) { // Immagine singola
           nextImg = changeImages.arguments[1];
           document.images[nameImg].parentNode.style.backgroundImage = "url(" + nextImg + ")";
           fade();
        } else {
        	 dirImg = changeImages.arguments[1];
		    	 fileImg = changeImages.arguments[2];
			     numImg = changeImages.arguments[3];
			     
           countImg = 0;

           nextImg = dirImg + "/" + fileImg + countImg + ".jpg";
           document.images[nameImg].parentNode.style.backgroundImage = "url(" + nextImg + ")";
           timer = window.setTimeout("fadeOut();", 1000); // Display next frame later.			     
			  }
	  }
  }
}
function changeImg() {
 	if (document.images) {
			nameImg = changeImg.arguments[0];
			if(document.images[nameImg]) {
        document.images[nameImg].src = changeImg.arguments[1];
	  }
  }
}
function fade() {
		   obj = document.images[nameImg];
       if (opacity >= 0) {
		   	 setOpacity(obj, opacity);
		   	 opacity -= 10;
		   	 timer = window.setTimeout("fade();", 100);
		   } else {
         document.images[nameImg].src = nextImg;
         document.images[nameImg].parentNode.style.backgroundImage = "";
         opacity = 100;
		   	 setOpacity(obj, opacity);
       }
}

function fadeOut() {
		   obj = document.images[nameImg];
       if (opacity >= 0) {
		   	 setOpacity(obj, opacity);
		   	 opacity -= 10;
		   	 timer = window.setTimeout("fadeOut();", 100);
		   } else {
         document.images[nameImg].src = nextImg;
		     countImg = (countImg + 1)%numImg;
         nextImg = dirImg + "/" + fileImg + countImg + ".jpg";
         document.images[nameImg].parentNode.style.backgroundImage = "url(" + nextImg + ")";
         opacity = 100;
		   	 setOpacity(obj, opacity);
		   	 timer = window.setTimeout("fadeOut();", 2000); // Display next frame later.	  
       }
}

-->