// JavaScript Document

/*
Specifiche per il corretto funzionamento:

Nella pagina principale,creare un array contenente le immagini ; il nome dell'array dovrà essere imageArray
Dichiarare una variabile globale (var numero_foto) con inserito il numero di foto inserite nell'array.
Il div che conterrà le immagini dovrà essere creato come segue:

<div id="finestra" style=" height:157px; width:455px; overflow:hidden; position:absolute; z-index:20" >
   <div id="scrollArea1" style="margin-left:0px; margin-top:0px; position:absolute;visibility:visible;z-index:10"> 	
	  <div id="singolo_div_scroll1" class="singolo_div_scroll">
						  
	  </div>
   </div>
   <div id="scrollArea2" style="margin-left:0px; margin-top:0px; position:absolute;visibility:visible;z-index:9"> 	
	  <div id="singolo_div_scroll2" class="singolo_div_scroll">
						  
	  </div>
	
   </div>
</div> 

Nell'onload della pagina inserire la  funzione CaricaPrimaImmagine() :

function CaricaPrimaImmagine()
{
	$("//[@id='singolo_div_scroll1']").append("<img name=\"img_uno\" id=\"img_uno\" class=\"img_scroll\"  src=\"upload/home/"+imageArray[0]+"\"  />");

	$("//[@id='singolo_div_scroll2']").append("<img name=\"img_due\" id=\"img_due\" class=\"img_scroll\" src=\"upload/home/"+imageArray[1]+"\"  />");

Preparazione('1','finestra','scrollArea1','singolo_div_scroll','img_scroll','3000','3000','35','1')


}

PER IL CORRETTO FUNZIONAMENTO E' NECESSATIO INCLUDERE LE LIBRERIE JAVASCRIPT UTIL.JS E JQUERY.JS
IMPORTARE FOGLIO DI STILE scroll_fade_immagini.css

Parametri passati:
 parametro 1 : partenza --> 1 parte lo scroll; 0 --> non viene effettuato alcuno scroll
 parametro 2 : nome della finestra esterna
 parametro 3 : id del primo div
 parametro 4 : id del div che contiene l'immagine 1
 parametro 5 : id dell'immagine uno
 parametro 4 : tempo attesa prima di partire
 parametro 5 : tempo di stop
 parametro 6 : velocita
 parametro 7 : step --> spostamento in pixel

*/

var FADE_INTERVAL = 25;
var FADE_STEP = 1;
var currentOpacity = new Array();

function Preparazione(partenza,nomefinestra,divcontenuti,iddiv,classeimmagine,tempoattesapartenza,tempoattesa,velocitascroll,step)
{
	currentOpacity[0]=99;
	for(i=1;i<imageArray.length;i++)currentOpacity[i]=0;
	
	if(partenza==1)
	{
		setTimeout("RitardoEPreparazione('"+nomefinestra+"','"+divcontenuti+"','"+iddiv+"','"+classeimmagine+"','"+tempoattesa+"','"+velocitascroll+"','"+step+"','0')",parseInt(tempoattesapartenza));
		
	}
}


function RitardoEPreparazione(nomefinestra,divcontenuti,iddiv,classeimmagine,tempoattesa,velocitascroll,step,fotocaricata)
{

	var altezza_finestra_esterna=$("//[@id='"+nomefinestra+"']")[0].offsetHeight + "px";
	var top_div_contenuti=$("//[@id='"+divcontenuti+"']")[0].style.marginTop;
	var altezza_img=$("//[@class='"+classeimmagine+"']")[0].height + "px";
	var numero_spostamenti=parseInt(altezza_img)-parseInt(altezza_finestra_esterna);
	
	setTimeout("MovimentoImmagine('1','"+divcontenuti+"','"+velocitascroll+"','"+step+"','"+numero_spostamenti+"','"+fotocaricata+"','"+tempoattesa+"')",velocitascroll);
}

function MovimentoImmagine(conta,divcontenuti,velocitascroll,step,numero_spostamenti,fotocaricata,tempoattesa)
{

	var top_div_contenuti=$("//[@id='"+divcontenuti+"']")[0].style.marginTop;
	var foto=fotocaricata;

	if(conta==numero_spostamenti)
	{
		setTimeout("CambioImmagine('"+foto+"','"+divcontenuti+"','"+velocitascroll+"','"+step+"','"+numero_spostamenti+"','"+fotocaricata+"','"+tempoattesa+"')",tempoattesa);
	}
	else
	{
		$("//[@id='"+divcontenuti+"']")[0].style.marginTop=parseInt(top_div_contenuti)-parseInt(step) + "px";
		setTimeout("MovimentoImmagine('"+(parseInt(conta)+parseInt(1))+"','"+divcontenuti+"','"+velocitascroll+"','"+step+"','"+numero_spostamenti+"','"+foto+"','"+tempoattesa+"')",velocitascroll);
	}
}


function CambioImmagine(elemento,divcontenuti,velocitascroll,step,numero_spostamenti,fotocaricata,tempoattesa)
{


	var old=divcontenuti;
	var precedente=elemento;
	var immagine_cambiare="";
	var immagine_attuale="";
	if(divcontenuti=="scrollArea1")
	{
		divcontenuti="scrollArea2";
		immagine_cambiare="img_uno";
		immagine_attuale="img_due";
	}
		
	else
	{
		divcontenuti="scrollArea1";
		immagine_cambiare="img_due";
		immagine_attuale="img_uno";
	}
		
		elemento++; 
		if(elemento>=numero_foto)
			elemento=0;
	
	setTimeout("crossFade('"+old+"','"+divcontenuti+"','"+immagine_attuale+"','"+immagine_cambiare+"','"+elemento+"','"+(precedente)+"','"+numero_spostamenti+"','"+velocitascroll+"','"+step+"','"+tempoattesa+"')",FADE_INTERVAL);
}

function crossFade(divvecchio,divattuale,imgattuale,imgcambiare,elmentoattuale,precedente,numero_spostamenti,velocitascroll,step,tempoattesa) 
{
	var prossima_foto=elmentoattuale;

	currentOpacity[precedente]-=FADE_STEP;
	currentOpacity[elmentoattuale] += FADE_STEP;

	if(document.all) {
		document.getElementsByName(imgcambiare)[0].style.filter = "alpha(opacity=" + currentOpacity[precedente] + ")";
		document.getElementsByName(imgattuale)[0].style.filter = "alpha(opacity=" + currentOpacity[elmentoattuale] + ")";
	} else {
		document.getElementsByName(imgcambiare)[0].style.MozOpacity = currentOpacity[precedente]/100;
		document.getElementsByName(imgattuale)[0].style.MozOpacity =currentOpacity[elmentoattuale]/100;
	}

	
	if(currentOpacity[elmentoattuale]==99)
	{
		prossima_foto++; 
		if(prossima_foto>=numero_foto)
			prossima_foto=0;
			
		
		$("//[@id='"+imgcambiare+"']").attr("src",""+imageArray[prossima_foto]);
		

		currentOpacity[prossima_foto]=0;
		$("//[@id='"+divvecchio+"']")[0].style.marginTop="0px";

		$("//[@id='"+divattuale+"']")[0].style[6]="10";

		$("//[@id='"+divvecchio+"']")[0].style[6]="9";



		setTimeout("MovimentoImmagine('1','"+divattuale+"','"+velocitascroll+"','"+step+"','"+numero_spostamenti+"','"+elmentoattuale+"','"+tempoattesa+"')",tempoattesa);
	}
	else
		setTimeout("crossFade('"+divvecchio+"','"+divattuale+"','"+imgattuale+"','"+imgcambiare+"','"+elmentoattuale+"','"+precedente+"','"+numero_spostamenti+"','"+velocitascroll+"','"+step+"','"+tempoattesa+"')",FADE_INTERVAL);
		 
}
-->