var iFrameId = 'iFrmToolTip';

/*--------------------------------------------------------------------------*/
function $()
{
	var elements = new Array();
	for (var i = 0; i < arguments.length; i++)
	{
		var element = arguments[i];
		if (typeof element == 'string')
		{
			element = document.getElementById(element);
		}
		if (arguments.length == 1)
		{
			return element;
		}
		elements.push(element);
	}
	return elements;
}
/*--------------------------------------------------------------------------*/
function handleIFrameToolTip()
{
	if (!$(iFrameId)) {
		var newNode = document.createElement("iframe");
		newNode.setAttribute("id", iFrameId);
		newNode.setAttribute("src", "javascript:false;");
		newNode.setAttribute("scrolling", "no");
		newNode.setAttribute("frameborder", "0");
		document.body.appendChild(newNode);	
	}
}

function openTooltip(selectObject, event, tooltipMessage)
{
	var selectObjectId = selectObject.id;
	var tooltipId = selectObjectId + '-tooltip';
	if (!document.getElementById(tooltipId))
	{
		// element doesn't exist, create it
		var newNode = document.createElement("div");
		newNode.setAttribute("id", tooltipId);
		newNode.setAttribute("class", "egoTooltipStyle");
		document.body.appendChild(newNode);
		//alert("tooltip created");
	}
	var tooltip=document.getElementById(tooltipId);
	//alert("tooltip : "+tooltip);
	var offset=15;
	var tooltipWidth=150;
	var height=40;
	var xfenetre=event.x;
	var yfenetre=event.y;
	var xpage=xfenetre;
	var ypage=yfenetre;
	if (document.body.scrollLeft){xpage=xfenetre+document.body.scrollLeft;}
	if (document.body.scrollTop) {ypage=yfenetre+document.body.scrollTop;}
	tooltipStyle=tooltip.style;
	tooltip.innerHTML=tooltipMessage;
	if (xfenetre > tooltipWidth+offset){xpage=xpage-tooltipWidth-offset;}
	else {xpage=xpage+15;}
	if (yfenetre > height+offset) {ypage=ypage-height-offset;}
	tooltipStyle.position="absolute";
	tooltipStyle.width=tooltipWidth;
	tooltipStyle.height=offset;
	tooltipStyle.left=xpage;
	tooltipStyle.top=ypage;
	tooltipStyle.visibility='visible';
	tooltipStyle.border="1px solid black";
	tooltipStyle.backgroundColor="lightyellow";
	tooltipStyle.zIndex=9;
	// iframe 
	handleIFrameToolTip();
	var iFrameEl = $(iFrameId);
	iFrameEl.style.position = "absolute";
	iFrameEl.style.width = tooltip.offsetWidth;
	iFrameEl.style.height = tooltip.offsetHeight;
	iFrameEl.style.top = tooltipStyle.top;
	iFrameEl.style.left = tooltipStyle.left;
	iFrameEl.style.zIndex = tooltipStyle.zIndex - 1;
	iFrameEl.style.visibility = tooltipStyle.visibility
	iFrameEl.style.display = "block";
}

function closeTooltip(selectObject)
{
	var selectObjectId = selectObject.id;
	var tooltipId = selectObjectId + '-tooltip';
	var tooltip=document.getElementById(tooltipId);
	tooltip.style.visibility='hidden';
	tooltip.innerHTML='';
	// iframe 
	var iFrameEl = $(iFrameId);
	iFrameEl.style.display = "none";
}