// JavaScript Document
// PCE Lightbox 2.1
// (C) 2008 PCE

var NomeImmagine, Titolo, VarYOffset, VarYOffset2, WindowWidth, WindowHeight, VarMarginHeight, VarDivName, Output;
var PreloadBackground = new Image;
var PreloaderImage = new Image;
var PreloadClose = new Image;
var PreloadImage = new Image;
PreloadClose.src = 'Sfondo/LB_Close.jpg';
PreloadBackground.src = 'Sfondo/LB_Background.gif';
PreloaderImage.src = 'Sfondo/LB_Loader.gif';

function StartingValues(){ //RIPRISTINA IL CSS AI VALORI DI PARTENZA
	document.getElementById('Lightbox_BG').style.display = 'none';
	document.getElementById('Lightbox_BG').style.position = 'absolute';
	document.getElementById('Lightbox_BG').style.top = '0px';
	document.getElementById('Lightbox_BG').style.left = '0px';
	document.getElementById('Lightbox_BG').style.width = '100%';
	document.getElementById('Lightbox_DIVImg').style.display = 'none';
	document.getElementById('Lightbox_DIVImg').style.position = 'absolute';
	document.getElementById('Lightbox_DIVImg').style.top = '50%';
	document.getElementById('Lightbox_DIVImg').style.left = '50%';
	document.getElementById('Lightbox_DIVImg').style.opacity = '0.0';
	document.getElementById('Lightbox_DIVImg').style.filter = 'alpha(opacity=0)';
}

function StartLightbox(NomeImmagineTMP, TitoloTMP){ //AVVIA L'INIT DELLA LIGHTBOX, PRECARICANDO L'IMMAGINE SELEZIONATA E MOSTRANDO LA SCHERMATA DI CARICAMENTO

	//COPIA VARIABILI LOCALI NELLE VARIABILI GLOBALI
	NomeImmagine = NomeImmagineTMP;
	Titolo = TitoloTMP;

	//IMPOSTA O RIPRISTINA I PARAMETRI DI PARTENZA
	StartingValues();
	
	//CALCOLA L'ALTEZZA DELLA FINESTRA
	WindowHeight = document.documentElement.clientHeight;
	WindowWidth = document.documentElement.clientWidth;
	if(WindowWidth == "0"){//INTERNET EXPLORER <=5.5
		WindowHeight = document.body.clientHeight;
		WindowWidth = document.body.clientWidth;
		alert('IE');
	}
	
	//CALCOLA LO SCOSTAMENTO DAL BORDO
	VarYOffset=window.pageYOffset;
	if(VarYOffset == null){ //INTERNET EXPLORER
		VarYOffset=document.documentElement.scrollTop;
	}
	
	//CALCOLA LO SCOSTAMENTO MASSIMO DELLA PAGINA
	VarYOffset2=(document.body.scrollHeight) + 80;
	if(VarYOffset2 == null){ //INTERNET EXPLORER
		VarYOffset2=document.body.offsetHeight + 40;
	}
	
	//PRECARICAMENTO IMMAGINI, FADE-IN E POSIZIONAMENTO PRELOADER
	document.getElementById('Lightbox_BG').style.height = VarYOffset2 + 'px';
	document.getElementById('Lightbox_BG').style.display = "block"; 
	document.getElementById('Lightbox_DIVImg').style.width = "200px";	
	document.getElementById('Lightbox_DIVImg').style.height = "90px";
	document.getElementById('Lightbox_DIVImg').style.marginLeft = "-100px";
	document.getElementById('Lightbox_DIVImg').style.marginTop = (VarYOffset + 0 - 45) + "px";
	document.getElementById('Lightbox_DIVImg').className = 'Loader';
	document.getElementById('Lightbox_DIVImg').style.display = 'block';
	Output = '&nbsp;'
	document.getElementById('Lightbox_DIVImg').innerHTML = Output;
	AnimateWindow('Lightbox_DIVImg');
	PreloadImage.src = NomeImmagine;
	PreloadImage.onload = function(){ShowLightbox(NomeImmagine, Titolo);}
	setTimeout("ShowLightbox(NomeImmagine, Titolo)", 10000);
}

function ShowLightbox(NomeImmagine, Titolo){ //MOSTRA L'IMMAGINE DELLA LIGHTBOX 

	//MODULO BASE E CALCOLI DI POSIZIONAMENTO IMMAGINI
	
	if(Titolo == null){
		Output = '<table id="TableImage" align="center">';
		Output = Output + '<tr><td><img id="Lightbox_Img" src="' + PreloadImage.src + '" onclick="javascript:HideLightbox();" alt="Lightbox Image" /></td></tr>';
		Output = Output + '<tr><td><img id="BTN_Close" src="' + PreloadClose.src + '" onclick="javascript:HideLightbox();" alt="Close image" /></td></tr></table>';
	}
	else{
		Output = '<table id="TableImage" align="center">';
		Output = Output + '<tr><td colspan="2"><img id="Lightbox_Img" src="' + PreloadImage.src + '" onclick="javascript:HideLightbox();" alt="Lightbox Image" /></td></tr>';
		Output = Output + '<tr><td valign="middle" align="right" width="50%"><h1>' + Titolo + '</h1></td>';
	  	Output = Output + '<td valign="middle" align="right" width="50%"><img id="BTN_Close" src="' + PreloadClose.src + '" onclick="javascript:HideLightbox();" alt="Close image" /></td>';
		Output = Output + '</tr></table>';
	}
	
	//SETTAGGIO PARAMETRI DI VISUALIZZAZIONE
	VarMarginHeight = 46;
	
	document.getElementById('Lightbox_DIVImg').innerHTML = Output;

	document.getElementById('Lightbox_Img').style.textAlign = 'center';
	document.getElementById('Lightbox_Img').style.marginTop = '10px';
	document.getElementById('Lightbox_Img').style.paddingBottom = '2px';

	document.getElementById('TableImage').style.width = PreloadImage.width + 'px';
	document.getElementById('TableImage').style.borderSpacing = '0px';
	document.getElementById('TableImage').style.border = '0px';
	document.getElementById('TableImage').style.textAlign = 'center';

	document.getElementById('Lightbox_DIVImg').style.width = PreloadImage.width + 20 + 'px';	
	document.getElementById('Lightbox_DIVImg').style.height = PreloadImage.height + VarMarginHeight + 'px';
	
	document.getElementById('Lightbox_DIVImg').style.marginTop = (VarYOffset - (PreloadImage.height / 2) - (VarMarginHeight / 2)) + 'px';
	document.getElementById('Lightbox_DIVImg').style.marginLeft = (0 - ((PreloadImage.width / 2) + 10)) + 'px';

	//CONTROLLO ALTEZZA E LARGHEZZA SUFFICIENTI E MODIFICA VARIABILI NECESSARIE
	if(WindowWidth < (PreloadImage.width + 20))
		{
		document.getElementById('Lightbox_BG').style.width = (PreloadImage.width) + 22 + 'px';
		document.getElementById('Lightbox_DIVImg').style.left = '0px';
		document.getElementById('Lightbox_DIVImg').style.marginLeft = '0px';		
		}
	if(WindowHeight < (PreloadImage.height + VarMarginHeight))
		{
		document.getElementById('Lightbox_DIVImg').style.top = '0px';
		document.getElementById('Lightbox_DIVImg').style.marginTop = 0 + VarYOffset + 'px';
		}
		
	document.getElementById('Lightbox_BG').style.height = VarYOffset2 + 'px';
}

function AnimateWindow(DivName)
{
	VarDivName = DivName
	for (var i=0;i<11;i++)
		setTimeout('AnimateWindow2('+i+')',50*i);
	return false;
}

function AnimateWindow2(value)
{
	document.getElementById(VarDivName).style.opacity = value/10;
	document.getElementById(VarDivName).style.filter = 'alpha(opacity=' + value*10 + ')';
}

function CallDebug(){//MODULO DI DEBUG, E'POSSIBILE PASSARGLI PARAMETRI ADDIZIONALI
	
	//MODULO DEBUG
	alert('Inizio debugging');
	alert("VarYOffset: " + VarYOffset);
	alert("VarYOffset2: " + VarYOffset2);
	alert("WindowWidth : " + WindowWidth);
	alert("WindowHeight : " + WindowHeight);
	alert("DIVImg widht: " + document.getElementById('Lightbox_DIVImg').style.width);
	alert("DIVImg height: " + document.getElementById('Lightbox_DIVImg').style.height);
	alert("DIVImg MarginLeft: " + document.getElementById('Lightbox_DIVImg').style.marginLeft);
	alert("DIVImg MarginTop: " + document.getElementById('Lightbox_DIVImg').style.marginTop);
}

function HideLightbox(){//NASCONDE LA LIGHTBOX RIPORTANDOLA AI PARAMETRI ORIGINALI
	StartingValues();
}