// costruzione dinamica galleria MPFox © 2009

var titolozoom=new Array(100); //titolo zoom
var imagezoom=new Array(100); //photo da caricare
var imagemini=new Array(100); //photo da menu selezionabile
var imageminisrc=new Array(100); //photo da menu selezionabile
var descrizionezoom=new Array(100); //descrizione zoom

//****************Presentazione*********************************************************************
imagemini[100]=2;

titolozoom[100]= "Presentazione Generale Marcia Sorriso";
imagezoom[100]= "IMAGE/Gallery/1_zoom_1.jpg";
descrizionezoom[100]= "La 3° Marcia del Sorriso";


imagezoom[101]= "IMAGE/Gallery/1_zoom_1.jpg";
descrizionezoom[101]= "La 3° Marcia del Sorriso";
imageminisrc[101]= "<a href='#area'><img src='IMAGE/Gallery/1_mini_1.jpg' alt='Insieme per Lusiana' id='101' width='50' height='40' onclick='SelectImg(101)' class='minimenu'></a>";

//imagezoom[102]= "IMAGE/Gallery/1_zoom_2.jpg";
//descrizionezoom[102]= "Percorso Marcia";
//imageminisrc[102]= "<a href='#area'><img src='IMAGE/Gallery/1_mini_2.jpg' alt='Insieme per Lusiana' id='102' width='50' height='40' onclick='SelectImg(102)' class='minimenu'></a>";




//*********************Gestione caricamento zoom*******************************************************


function CaricaImagineZoom(pagina){

var imagineload=imagezoom[pagina];



if (pagina.length>0){
	
	var strScritturaGo;
	
	strScritturaGo ="<div id='AreaGallery'>" ; //strScritturaGo ="<div id='AreaGallery'><b>" + titolozoom[pagina] + "</b><br><p>" ;
	
	strScritturaGo += "<b>" + titolozoom[pagina] + "</b>";
	//strScritturaGo += 

	//costruisco il sotto menu icone
	
		strScritturaGo +="<div id='AreaGallerymenu'>";

		for (cicloMenu=1;cicloMenu<imagemini[pagina];cicloMenu++) // primo ciclo per registrare i menu
		{
			
			var progressivoMenu=pagina*1+ cicloMenu;
			strScritturaGo += imageminisrc[progressivoMenu]  ;
		}


			strScritturaGo +="</div>";
	strScritturaGo +="</div><br>";

	//alert(strScritturaGo);
	

	if (imagineload.length>0){
	
	//document.write(imagezoom[pagina]);
	document.write(strScritturaGo);
	}else{
	document.write("Foto non presente in archivio <br><br>");
	}

}else{
	document.write("Foto non presente in archivio <br><br>");
}

document.write("<div id='descrizione'>" + descrizionezoom[100] + "</div>");
document.write("<div id='gallery'><img src='' id='zoom'></div>");

document.getElementById('zoom').src =  imagezoom[100];

}


var lastID = 0;

function SelectImg(id) {

  document.getElementById('zoom').src =  imagezoom[id]; 
//alert(id);
  document.getElementById('descrizione').innerHTML=  descrizionezoom[id]; 

  lastID = id;
  
	imageId = 'zoom';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
   
}

function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}