document.write("<div id=\"box_back_image\">	<img src=\""+serie_immagini[0]+"\" alt=\"\" />	</div>                            ");
document.write("<div id=\"box_immagine\">	<img src=\""+serie_immagini[0]+"\" alt=\"\" id=\"immagine\"   /> 	</div>        ");
document.write("<div id=\"box_precarica\"> 	<img src=\""+serie_immagini[1]+"\" alt=\"\" onload=\"timer_complex(1);\" /> </div>");


ultimo_serie_immagini		= 	serie_immagini.length-1;
delta 						= 	+0.1;	
fade_iniziale				=	0;   	
fade_attuale				=	fade_iniziale; 		

// funzione per cambiare l'immagine in sequenza

function changeimage(prossima_immagine)
	{

	  		immagine_prima_1 = prossima_immagine-1;
	  		if (immagine_prima_1 < 0)
				{  		
					immagine_prima_1 = ultimo_serie_immagini;
				}
				
			var precarica;
	  		precarica = prossima_immagine+1;
	   		if (precarica > ultimo_serie_immagini)
	 			{  		
	 				precarica = 0;
	 			}	
			
				
		document.getElementById('box_back_image').innerHTML			= "<img src=\""+serie_immagini[immagine_prima_1]+"\"     />";
		document.getElementById('box_immagine').innerHTML			= "<img src=\""+serie_immagini[prossima_immagine]+"\" id=\"immagine\"    />";
		document.getElementById('box_precarica').innerHTML			= "<img src=\""+serie_immagini[precarica]+"\" class=\"hidden\"  onload=\"timer_complex("+precarica++ +");\" />";
			
		// calcolo quale è l'immagine successiva che devo
		// mostrare nella sequenza
		
			if (prossima_immagine < ultimo_serie_immagini)
				{
				prossima_immagine = prossima_immagine + 1;
				}
			else
				{
				prossima_immagine = 0;
				}
					
	}

// funzione per nascondere l'immagine

function hide(prossima_immagine) 
	{
			fade_attuale = 0;			
    }
		
// funzione per far apparire l'immagine

function fade_in() 
	{
		
		// se l'opacità non è arrivata al 100%
		// torno qui e l'aumento della quantità "delta" definita all'inizio
		
	    if (fade_attuale<1.0)
	    	{
			fade_attuale = fade_attuale+delta;
		    document.getElementById("immagine").style.opacity=fade_attuale;
			document.getElementById("immagine").style.filter="alpha(opacity=" + fade_attuale*100 + ")";
	    	setTimeout('fade_in()',50); 
			}
			
		// se l'opacità è 100%...
		
		else
			{
				// dopo 1,5 secondi nascondo l'immagine sopra
 	    			hide_attivo_2 = setTimeout('hide();',1500); 
			}
    }

// funzione per far apparire l'immagine e cambiare l'immagine successiva

function complex(prossima_immagine) 
	{
				fade_in(prossima_immagine);
				changeimage(prossima_immagine);
	}
	
function timer_complex(prossima_immagine)
	{
 	    	avvia_sequenza = setTimeout('complex('+prossima_immagine+')',3000); 	
    }

