//variabili globali da non modificare !!!
var temporizzatore;
var temporizzatore2;
var grad=100;
var path;
var num_foto=1;

//funzione che riduce l'opacità di un valore pari a 'grad'
function tramonto(){
	if(grad>0){
		document.getElementById('boximgBig').style.opacity=grad/100;
		document.getElementById('boximgBig').style.filter="alpha(opacity=" + grad + ")";
		grad=grad-5;
		temporizzatore=setTimeout("tramonto()", 15);
	}
	else{
		clearTimeout(temporizzatore);
		document.getElementById('boximgBig').innerHTML="<img src='" + path + "'>";
		alba();
	}
}

//funzione che aumenta l'opacità di un valore pari a 'grad'
function alba(){
	if(grad<100){
		document.getElementById('boximgBig').style.opacity=grad/100;
		document.getElementById('boximgBig').style.filter="alpha(opacity=" + grad + ")";
		grad=grad+5;
		temporizzatore=setTimeout("alba()", 15);
	}
	else{
		clearTimeout(temporizzatore);
	}
}

function cambia_foto(id){
	clearTimeout(temporizzatore2);
	//azzera trasparenza thumb
	var indice="";
	for(var i=1; i<=18; i++){
		indice="thumb_" + i;
		document.getElementById(indice).style.opacity="1";
		document.getElementById(indice).style.filter="alpha(opacity=100)";
	}
	//imposta trasparenza thumb selezionata
	document.getElementById(id).style.opacity="0.4";
	document.getElementById(id).style.filter="alpha(opacity=40)";
	
	
	//creazione stringa percorso img grande
	path="images/foto/big" + id.replace("thumb_", "") + ".jpg";
	tramonto();
	return false;
}

//funzione che scorre le foto automaticamente con una trasazione ogni 3 secondi
function scorrimento(){
	indice="thumb_" + num_foto;
	cambia_foto(indice);
	if(num_foto<18){
		num_foto=num_foto+1;
	}
	else{
		num_foto=1;
	}
	temporizzatore2=setTimeout("scorrimento()", 5000);
}

function primo_caricamento(id){
	//imposta trasparenza thumb selezionata
	document.getElementById(id).style.opacity="0.4";
	document.getElementById(id).style.filter="alpha(opacity=40)";
}

//funzione di pre_load per caricare sulla cache le immagini grandi ed evitare i tempi di download tra il cambio di immagine e partenza dello scroll
function pre_load(){
	var immagini=new Array(18);
	for(var i=1; i<=18; i++){
		immagini[i]=new Image();     
		immagini[i].src="images/foto/big" + i + ".jpg";
	}
	scorrimento();
}