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 = 30 + 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);

	}

}