// Prerequisito: getElement(), getStyle().
var viewImage = null; var dataBoxContainer;

var displayImage = function(url, testo, copyright){
	this.close = function(){
		if(dataBoxContainer+"" != "undefined") document.body.removeChild(dataBoxContainer)
		viewImage = null
	}
		//Se la GUI è già aperta chiude la vecchia istanza e ne apre una nuova.
		if(""+viewImage!="null"){this.close()}

	//validazione parametri
	if(url+"" == "undefined" || url.length <= 0){alert("ERRORE: Indirizzo immagine non presente, notificare a fm76@libero.it."); return}
	if(testo+"" == "undefined"){testo=""}
	clickCounter("IMG: "+url)

	//Caricamento e Inizializzazione GUI 
	var guiHTML = '<div id="viewImage_box"><div id="button_box"><button onclick="viewImage.close()">X</button></div><div id="image_box"><img src="'+url+'" alt="'+testo+'"/></div><h3></h3><p>'+testo+'</p></div>'
	dataBoxContainer = document.createElement("div")
	dataBoxContainer.innerHTML = guiHTML
	document.body.appendChild(dataBoxContainer)

	this.box = getElement("viewImage_box")
	this.box.immagine = this.box.getElementsByTagName("img")[0]
		this.box.immagine.style.visibility="hidden"
		
/*
		this.box.immagine.style.cursor="pointer"
		this.box.immagine.onclick=this.close
		this.box.immagine.style.position="relative"
		this.box.immagine.style.top = (this.box.immagine.parentNode.offsetHeight/2)-(this.box.immagine.offsetHeight/2)+"px"
		this.box.immagine.style.left = (this.box.immagine.parentNode.offsetWidth/2)-(this.box.immagine.offsetWidth/2)+"px"
*/
	this.box.immagine.onload = function(){
		this.style.cursor="pointer"
		this.onclick=viewImage.close
		this.style.position="relative"
		this.style.top = (this.parentNode.offsetHeight/2)-(this.offsetHeight/2)+"px"
		this.style.left = (this.parentNode.offsetWidth/2)-(this.offsetWidth/2)+"px"
		this.style.visibility="visible"
		
	}
	
//	this.box.button = getElement("testo_buttonBar")
//	this.box.button.firstChild.focus()
}