var TAG_ID_POPUPICONE = "popupicone";
 
function findElemPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	//alert(curleft + "; " +curtop);
	return [curleft,curtop];
}
 
function showPopupIcona(eventx, arg, iconaId){
//alert(iconaId);
	var elemIcona = document.getElementById(iconaId);
	var pos = findElemPos(elemIcona);
	var xx=pos[0];
	var yy=pos[1];   
 	/*
 	// posizione del mouse
	var xx=0;
	var yy=0;
	if (!eventx) var eventx=window.event;
	if (eventx.pageX || eventx.pageY){
        xx=eventx.pageX;
        yy=eventx.pageY;
    	} else if (eventx.clientX || eventx.clientY) {
        xx=eventx.clientX + document.body.scrollLeft;
        yy=eventx.clientY + document.body.scrollTop;        
    	}
    	*/    
    document.getElementById(TAG_ID_POPUPICONE).style.visibility="visible";
    document.getElementById(TAG_ID_POPUPICONE).style.left= (xx-90) + "px";
    document.getElementById(TAG_ID_POPUPICONE).style.top= (yy+20) + "px";    
    document.getElementById(TAG_ID_POPUPICONE).style.textAlign= "left";

    var str = "";
   
    	str = "<div class=\"callOutTop\"></div>";
	str+= "<div class=\"callOutBody\"><b>" +arg.toUpperCase() + "</b></div>";
    	str += "<div class=\"callOutBottom\"></div>";
    	//str += icona.getDescrizione();
    	
   // }
    //var tagClose = "<div style=\"margin-top:5px;\"><b><a href=\"javascript:hidePopupIcona()\">chiudi</a></b></div>"
    document.getElementById(TAG_ID_POPUPICONE).innerHTML = str; //+ tagClose; 
}
function hidePopupIcona(){
  document.getElementById(TAG_ID_POPUPICONE).style.visibility="hidden";
}




// ----------------------------------


// Icona

var PATH_IMG_ICONE = "/apg/icone/";

function Icona(codice, ordine, nome01, nome02, categoria, img, descrizione01, descrizione02){
	this.codice = codice;
	this.ordine = ordine;
	this.nome01 = nome01;
	this.nome02 = nome02;
	this.descrizione01 = unescape(descrizione01);
	this.descrizione02 = descrizione02;
	this.categoria = categoria;	
	this.img = img;
}

Icona.prototype.print=printIcona;
Icona.prototype.setCategoria=setCategoriaIcona;
Icona.prototype.getDescrizione=getDescrizioneIcona;
Icona.prototype.getImgUrl = getImgUrlIcona;
Icona.prototype.getTag=getTagIcona;

function printIcona(versione){
	var strNome = this.nome01;
	if(versione=="02") strNome = this.nome02;
	var sep = " ";
	return this.codice + sep + this.ordine + sep + strNome + sep + this.img;
	//return strNome;
}

function getDescrizioneIcona(){
	var str = this.descrizione01;
	if(versione=="02") str = this.descrizione02;	
	return str;
}

function setCategoriaIcona(arg){
	this.categoria = arg;
}
function getImgUrlIcona(){
	if (this.img != null && this.img.length>4) return PATH_IMG_ICONE+this.img;
	return null;
}
function getTagIcona(){
	var result = null;
	if (this.getImgUrl()!=null) {
		var idIcona = "icona_"+this.codice;
		var tag = "<a onmouseover=\"javascript: showPopupIcona(event, '" + this.codice + "', '"+ idIcona+"');\" onmouseout=\"hidePopupIcona();\">";
		tag += "<img src=\""+this.getImgUrl()+"\" alt=\""+ this.nome01 + "\" border=\"0\" id=\""+idIcona+"\"></a>";
		return tag;
		}
	return result;
}