var popupDiv = { 
   popup: null,
   outTimeout: 400,
   inTimeout: 300,
   hide: function() { 
     if(this.popup) {
        if(this.timer)  clearTimeout(this.timer); 
        this.timer = setTimeout("var q = document.getElementById('" + this.popup.id + "');  if (q) { q.style.visibility = 'hidden';}", this.outTimeout);
     }
   },
   show: function(id,x,y) { 
     if( this.popup = document.getElementById(id)) { 
        if(this.timer) clearTimeout(this.timer);
	this.timer = setTimeout("var q = document.getElementById('"+ id + "'); if(q) { popupDiv.realshow(q," + x + "," + y + ") } ", this.inTimeout);
     }
   },
   realshow: function(popup,x,y) {
        var scrOfY =0;
	if( typeof( window.pageYOffset ) == 'number' ) {
	scrOfY = window.pageYOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
	scrOfY = document.body.scrollTop;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
	scrOfY = document.documentElement.scrollTop;
	}
        popup.style.left = x + "px"; popup.style.top = (scrOfY + y ) + "px";
	popup.style.visibility = 'visible';
        var x = this;
	popup.onmouseover = function() { if(x.timer) clearTimeout(x.timer); };
	popup.onmouseout  = function() { x.hide(); };
   }
};