var winW = 630, winH = 460;
var caricato = false;
var intervalId;
var hStep = 0;
var altezza = 80;

window.onload = function() 
{
	for(var i=0; i < document.getElementsByTagName("a").length; i++) 
	{
		if(document.getElementsByTagName("a")[i].href.indexOf("#images") != -1)
			document.getElementsByTagName("a")[i].onclick = controllaScope;
	}
	
	if (parseInt(navigator.appVersion)>3) {
	 if (navigator.appName=="Netscape") {
	  winW = window.innerWidth-20;
	  winH = window.innerHeight;
	 }
	 if (navigator.appName.indexOf("Microsoft")!=-1) {
	  winW = document.body.offsetWidth;
	  winH = document.body.offsetHeight;
	 }
	}
	
	caricato = true;
}

function chiudiAnteprima()
{
	var overlay = document.getElementById('overlay');
	var d1=document.getElementById('nuovodiv'); 
	var d2=document.getElementById('nuovodiv2'); 
	if(overlay != undefined)overlay.parentNode.removeChild(overlay);
	if(d2 != undefined)d2.parentNode.removeChild(d2);
	if(d1 != undefined)d1.parentNode.removeChild(d1);
	if(intervalId) clearInterval(intervalId);
	hStep = 0;
}

function controllaScope() 
{
	/*for(var i=0; i < document.getElementsByTagName("a").length; i++) 
	{
		if(document.getElementsByTagName("a")[i].href.indexOf("#images") != -1)
			document.getElementsByTagName("a")[i].onclick = controllaScope;
	}*/
	
	if (parseInt(navigator.appVersion)>3) {
	 if (navigator.appName=="Netscape") {
	  winW = window.innerWidth-20;
	  winH = window.innerHeight;
	 }
	 if (navigator.appName.indexOf("Microsoft")!=-1) {
	  winW = document.body.offsetWidth;
	  winH = document.body.offsetHeight;
	 }
	}
	
	if(caricato)
	{
		var indirizzo = this.href;
		var titolo = this.title;
		
		
		altezza = 80;
		if(titolo.indexOf("<br />") != -1)
			altezza = 90 + 16 * titolo.split("<br />").length;
		
		var links = indirizzo.split("#");
		var LoadedImage = new Image();
		LoadedImage.src = root + links[1];
		var newdiv = document.createElement('div');
		newdiv.id = 'nuovodiv';
		newdiv.style.position = "absolute";
		newdiv.style.width = winW+"px";
		newdiv.style.height = winH+"px";
		newdiv.style.top = 0;
		newdiv.style.left = 0;
		newdiv.style.background = "#FFFFFF";
		
		document.body.appendChild(newdiv);
		if(navigator.appName.indexOf("Microsoft")!=-1)
		{
			newdiv.attachEvent("onclick", chiudiAnteprima);
		}
		else
		{
			newdiv.addEventListener("click", chiudiAnteprima, false); 
			winW = newdiv.parentNode.scrollWidth;
			winH = newdiv.parentNode.scrollHeight;
			newdiv.style.width = winW+"px";
			newdiv.style.height = winH+55+"px";
		}
		
		setOpacity(newdiv, 70);
		
		if(LoadedImage.complete)
		{
			var newdiv2 = document.createElement('div');
			newdiv2.id = 'nuovodiv2';
			newdiv2.style.position = "absolute";
			newdiv2.style.width = winW+"px";
			newdiv2.style.height = winH+"px";
			newdiv2.style.top = 0;
			newdiv2.style.left = 0;
			newdiv2.style.background = "transparent";
			
			if(navigator.appName.indexOf("Microsoft")!=-1)
			{
				newdiv2.attachEvent("onclick", chiudiAnteprima);
			}
			else
			{
				newdiv2.addEventListener("click", chiudiAnteprima, false);
			}
			
			var img = "<img src='" + root + links[1] + "' style='border: #CCCCCC 1px solid;' />"
			//margin: -50px 0px 0px -100px;
			
			var top = 0;
			var left = 0;
			if (document.documentElement && !document.documentElement.scrollTop)
			{
				// IE6 +4.01 but no scrolling going on
				if(document.clientHeight > LoadedImage.height/2 + LoadedImage.height)
					top = LoadedImage.height/2;
				else
					top = 10;
				left = winW/2 - LoadedImage.width/2;
			}
			else if (document.documentElement && document.documentElement.scrollTop)
			{
				// IE6 +4.01 and user has scrolled e FIREFOX
				if(document.clientHeight > LoadedImage.height/2 + LoadedImage.height)
					top = (document.documentElement.scrollTop) - LoadedImage.height/2;
				else
					top = document.documentElement.scrollTop + 10;
				left = /*(document.documentElement.scrollLeft)*/ winW/2 - LoadedImage.width/2;
			}
			else if (document.body && document.body.scrollTop)
			{
				if(document.body.clientHeight > LoadedImage.height/2 + LoadedImage.height)
					top = (winH - document.body.scrollTop) - LoadedImage.height/2;
				else
					top = document.body.scrollTop + 10;
				left = /*(document.documentElement.scrollLeft)*/ winW/2 - LoadedImage.width/2;
				// IE5 or DTD 3.2
			}
			else
			{
				top = (winH - document.scrollTop) - LoadedImage.height/2;
				left = /*(document.scrollLeft)*/ winW/2 - LoadedImage.width/2;
			}
			
			newdiv2.innerHTML = "<div id='overlay' style='text-align: left; background-color: #FFFFFF; padding: 20px; border: #CCCCCC 1px solid; width:" + LoadedImage.width +"px; height:" + LoadedImage.height + "px; top: " + top + "px; left: " + left + "px;' >" + img + "<br /><br /><span id='testoDescrizione' class='testoDescrizione'></span></div>";
			
			document.body.appendChild(newdiv2);
			intervalId = setInterval("showDescription('overlay', '" + titolo + "')", 50);
		}
		else
		{
			LoadedImage.onload = function()
			{
				var newdiv2 = document.createElement('div');
				newdiv2.id = 'nuovodiv2';
				newdiv2.style.position = "absolute";
				newdiv2.style.width = winW+"px";
				newdiv2.style.height = winH+"px";
				newdiv2.style.top = 0;
				newdiv2.style.left = 0;
				newdiv2.style.background = "transparent";
				
				if(navigator.appName.indexOf("Microsoft")!=-1)
				{
					newdiv2.attachEvent("onclick", chiudiAnteprima);
				}
				else
				{
					newdiv2.addEventListener("click", chiudiAnteprima, false);
				}
				
				var img = "<img src='" + root + links[1] + "' style='border: #CCCCCC 1px solid;' />"
				//margin: -50px 0px 0px -100px;
				
				var top = 0;
				var left = 0;
				if (document.documentElement && !document.documentElement.scrollTop)
				{
					// IE6 +4.01 but no scrolling going on
					if(document.clientHeight > LoadedImage.height/2 + LoadedImage.height)
						top = LoadedImage.height/2;
					else
						top = 10;
					left = winW/2 - LoadedImage.width/2;
				}
				else if (document.documentElement && document.documentElement.scrollTop)
				{
					// IE6 +4.01 and user has scrolled e FIREFOX
					if(document.clientHeight > LoadedImage.height/2 + LoadedImage.height)
						top = (document.documentElement.scrollTop) - LoadedImage.height/2;
					else
						top = document.documentElement.scrollTop + 10;
					left = /*(document.documentElement.scrollLeft)*/ winW/2 - LoadedImage.width/2;
				}
				else if (document.body && document.body.scrollTop)
				{
					if(document.body.clientHeight > LoadedImage.height/2 + LoadedImage.height)
						top = (winH - document.body.scrollTop) - LoadedImage.height/2;
					else
						top = document.body.scrollTop + 10;
					left = /*(document.documentElement.scrollLeft)*/ winW/2 - LoadedImage.width/2;
					// IE5 or DTD 3.2
				}
				else
				{
					top = (winH - document.scrollTop) - LoadedImage.height/2;
					left = /*(document.scrollLeft)*/ winW/2 - LoadedImage.width/2;
				}
				
				newdiv2.innerHTML = "<div id='overlay' style='text-align: left; background-color: #FFFFFF; padding: 20px; border: #CCCCCC 1px solid; width:" + LoadedImage.width +"px; height:" + LoadedImage.height + "px; top: " + top + "px; left: " + left + "px;' >" + img + "<br /><br /><span id='testoDescrizione' class='testoDescrizione'></span></div>";
				
				document.body.appendChild(newdiv2);
				intervalId = setInterval("showDescription('overlay', '" + titolo + "')", 50);
			};
		}
	}
	
}

function showDescription(id, titolo)
{
	var obj = document.getElementById(id);
	var h = obj.style.height.replace("px", "");
	h = h*1;
	hStep += 10;
	h+=10;
	obj.style.height = h+"px"	
	
	if(hStep >= altezza)
	{
		var obj2 = document.getElementById('testoDescrizione');
		if(navigator.appName.indexOf("Microsoft")!=-1)
			obj2.innerHTML = "<table style='width:100%; border: none; margin-top: 10px !important;' cellspacing=0 cellpadding=0><tr><td style='text-align: justify; text-justify: inter-word;'>" + titolo + "</td></tr></table>";
		else
			obj2.innerHTML = "<p align='justify' style='margin-top: -20px !important;'>" + titolo + "</p>";
		hStep = 0;
		clearInterval(intervalId);
	}
}