var tooltip = {
  	timer: null,
  	activeID: null,
  	offX: 4,   // posizione orizziontale rispetto al cursore 
  	offY: 6,   // posizione verticale rispetto al cursore
  	show: function(id, e) {
    	var mnu = (document.getElementById) ? document.getElementById(id) : null;
    	if (!mnu) {alert(id+" "+document.getElementById(id)); return;}
    	this.activeID = id;
    	if ( mnu.onmouseout == null ) mnu.onmouseout = this.mouseoutCheck;
    	if ( mnu.onmouseover == null ) mnu.onmouseover = this.clearTimer;
    	viewport.getAll();
    	this.position(mnu,e);
  	},
  	hide: function() {
    	this.clearTimer();
    	if (this.activeID && document.getElementById) 
      		this.timer = setTimeout("document.getElementById('"+tooltip.activeID+"').style.visibility = 'hidden'", 200);
  	},
  	position: function(mnu, e) {
    	var x = e.pageX? e.pageX: e.clientX + viewport.scrollX;
    	var y = e.pageY? e.pageY: e.clientY + viewport.scrollY;   
    	if ( x + mnu.offsetWidth + this.offX > viewport.width + viewport.scrollX )
      		x = x - mnu.offsetWidth - this.offX;
    	else x = x + this.offX;
    	if ( y + mnu.offsetHeight + this.offY > viewport.height + viewport.scrollY )
      		y = ( y - mnu.offsetHeight - this.offY > viewport.scrollY )? y - mnu.offsetHeight - this.offY : viewport.height + viewport.scrollY - mnu.offsetHeight;
    	else y = y + this.offY;
    	mnu.style.left = x + "px"; mnu.style.top = y + "px";
    	this.timer = setTimeout("document.getElementById('" + tooltip.activeID + "').style.visibility = 'visible'", 200);
  	},
  	mouseoutCheck: function(e) {
    	e = e? e: window.event;
    	var mnu = document.getElementById(tooltip.activeID);
    	var toEl = e.relatedTarget? e.relatedTarget: e.toElement;
    	if ( mnu != toEl && !tooltip.contained(toEl, mnu) ) tooltip.hide();
  	},
  	contained: function(oNode, oCont) {
    	if (!oNode) return; 
    	while ( oNode = oNode.parentNode ) 
      	if ( oNode == oCont ) return true;
    	return false;
  	},
  	clearTimer: function() {
    	if (tooltip.timer) clearTimeout(tooltip.timer);
 	}
}

viewport = {
	getWinWidth: function () {
    	this.width = 0;
    	if (window.innerWidth) this.width = window.innerWidth - 18;
    	else if (document.documentElement && document.documentElement.clientWidth) 
  		this.width = document.documentElement.clientWidth;
    	else if (document.body && document.body.clientWidth) 
  		this.width = document.body.clientWidth;
  	},
  	getWinHeight: function () {
    	this.height = 0;
    	if (window.innerHeight) this.height = window.innerHeight - 18;
  		else if (document.documentElement && document.documentElement.clientHeight) 
  			this.height = document.documentElement.clientHeight;
  		else if (document.body && document.body.clientHeight) 
  			this.height = document.body.clientHeight;
  	},
  	getScrollX: function () {
    	this.scrollX = 0;
  		if (typeof window.pageXOffset == "number") this.scrollX = window.pageXOffset;
  		else if (document.documentElement && document.documentElement.scrollLeft)
  			this.scrollX = document.documentElement.scrollLeft;
  		else if (document.body && document.body.scrollLeft) 
  			this.scrollX = document.body.scrollLeft; 
  		else if (window.scrollX) this.scrollX = window.scrollX;
  	},
  	getScrollY: function () {
    	this.scrollY = 0;    
    	if (typeof window.pageYOffset == "number") this.scrollY = window.pageYOffset;
    	else if (document.documentElement && document.documentElement.scrollTop)
  			this.scrollY = document.documentElement.scrollTop;
  		else if (document.body && document.body.scrollTop) 
  			this.scrollY = document.body.scrollTop; 
  		else if (window.scrollY) this.scrollY = window.scrollY;
  	},
  	getAll: function () {
		this.getWinWidth(); this.getWinHeight();
    	this.getScrollX();  this.getScrollY();
  	}  
}