// JavaScript Document
//***Gestione foto***
//variabili globali
var max_th=4;
var foto=new Array(max_th); //finestra visualizzazione foto
var el_foto=new Array(); //elenco foto
var ind_foto=new Array(max_th); //indice foto ridotte
var n_foto=0; //numero foto
var paths=""; //percorso foto
var nome_fotos; //nome foto

//gestione frecce	i nomi delle img
function frecce()
{
	//controllo se sono all'ultima
	imgfdx=document.getElementsByName("fdx");
	imgfsx=document.getElementsByName("fsx");
			 if(ind_foto[max_th]==n_foto)
			 	{					
					imgfdx[0].style.visibility="hidden";
				}
			 else
			 	{
					imgfdx[0].style.visibility="visible";
				}
			if(ind_foto[1]==1)
			 	{					
					imgfsx[0].style.visibility="hidden";
				}
			 else
			 	{
					imgfsx[0].style.visibility="visible";
				}
}

//inizializzazione elenco
//crea gli array per la gestione delle foto 
function crea_elenco(num_foto,path,nome_foto)
{
	n_foto=num_foto;
	paths=paths+path;
	nome_fotos=nome_foto;
	for(i=1;i<=num_foto;i++)
		{
			el_foto[i]=new Image();
			if(i<10)//metto il suffisso zero solo se <10
				{nome_f=paths+nome_foto+"0"+i+".jpg";}
			else
				{nome_f=paths+nome_foto+i+".jpg";}
				
			el_foto[i].src=nome_f;
			if(i<=max_th)
				{
					nome_th=paths+"th_"+nome_foto+"0"+i+".jpg";
					foto[i]=new Image();					
					foto[i].src=nome_th;	
					nome_img="foto"+i;
					var f=document.getElementById(nome_img);
					f.src=foto[i].src;	
					ind_foto[i]=i;
				}
			nome=paths+nome_foto+"01.jpg";	
			document.foto_c.src=nome;
		}//fine for
		//nascondo la freccia verso sx
		imgfsx=document.getElementsByName("fsx");
		imgfsx[0].style.visibility="hidden";
		if(n_foto<4)
			{
				imgfdx=document.getElementsByName("fdx");
				imgfdx[0].style.visibility="hidden";
				for(i=(n_foto+1);i<=4;i++)//tolgo i thumb superflui
					{
					f=document.getElementById("foto"+i);
					f.style.visibility="hidden";
					}
			}
}//fine crea elenco

//mostra foto grande
function mostra(num_foto)
{
	nf=ind_foto[num_foto];
	document.foto_c.src=el_foto[nf].src;	
}

//scorrimento foto
function scorri(verso)
{
	if((verso=="dx") && (ind_foto[max_th]<n_foto))
		{//se non ho finito le foto
			for(i=1;i<max_th;i++)
				{//scorro tutti di uno verso destra
					foto[i].src=foto[i+1].src;
					ind_foto[i]=ind_foto[i+1];
					nome_img="foto"+i;
					var f=document.getElementById(nome_img);
					f.src=foto[i].src;
				}
			 //aggiungo la quarta foto
			 ind_foto[i]=ind_foto[i]+1;
			 if(ind_foto[i]<10)
			 	{nome_th=paths+"th_"+nome_fotos+"0"+ind_foto[i]+".jpg";}
			 else
			  {nome_th=paths+"th_"+nome_fotos+ind_foto[i]+".jpg";}
			 foto[i].src=nome_th;
			 nome_img="foto"+i;
			 var f=document.getElementById(nome_img);
			 f.src=foto[i].src;	
			 frecce();
			 		 
		}
	 else if((verso=="sx") && (ind_foto[1]>1))
	  {//se non sono alla prima foto
			for(i=max_th;i>1;i--)
				{//scorro tutti di -uno versosinistra
					foto[i].src=foto[i-1].src;
					ind_foto[i]=ind_foto[i-1];
					nome_img="foto"+i;
					var f=document.getElementById(nome_img);
					f.src=foto[i].src;
				}
			 //aggiungo la qurta foto
			 ind_foto[i]=ind_foto[i]-1;
			 if(ind_foto[i]<10)
			 	{nome_th=paths+"th_"+nome_fotos+"0"+ind_foto[i]+".jpg";}
			 else
			  {nome_th=paths+"th_"+nome_fotos+ind_foto[i]+".jpg";}
			 foto[i].src=nome_th;
			 nome_img="foto"+i;
			 var f=document.getElementById(nome_img);
			 f.src=foto[i].src;	
			 frecce(); 
		}
}//fine scorri

//***Gestione menù laterale***
//variabili globali
var num_voci=0 //numero di subtitle voci principali
var nome_sub="" //nome delle subtitle (formato: nome+numero)
var nome_img="" //nome tag immagine voce principale (formato: nome+numero)
var fold_open=new Image(); //immagine voce aperta o cliccata
var fold_close=new Image(); //immagine voce chiusa o non cliccata
//inizializza le variabili globali
function init(numvoci,nomesub,nomeimg,imgop,imgcl)
{
 num_voci=numvoci;
 nome_sub=nomesub;
 nome_img=nomeimg;
 fold_open.src=imgop;
 fold_close.src=imgcl;
}
//apre il subtitle cliccato e chiude gli altri
function apri_sub(vocen)
{
 for(i=1;i<=num_voci;i++)
 {
	subname=nome_sub+i;
	imgname=nome_img+i;	
  elem_op=document.getElementById(subname); //nome blocco div
	img_op=document.getElementById(imgname);	//nome tag img
  if(i==vocen)
   {
		elem_op.style.display="block";
		img_op.src=fold_open.src;
   }
  else
   {
		elem_op.style.display="none";
		img_op.src=fold_close.src;
   }
 }
}