popup = {
  init : function(){
    getmousepos.init();
  },
  
	show : function(cont){
	  document.getElementById('popup').innerHTML = cont; 
	  getmousepos.on();
  },
  
  hide : function(){
	  document.getElementById('popup').innerHTML = " ";
    getmousepos.off(); 
  }
	
}

getmousepos = {

	cssID : "popup",

	dx : 20,
	dy : -10,

	div : false,

	init : function () {
	if (!getmousepos.div) {

		getmousepos.div = document.createElement("div");
		getmousepos.div.id = getmousepos.cssID;
		document.body.insertBefore(getmousepos.div, document.body.firstChild);

		getmousepos.off();

		getmousepos.oldDocOnMouseMove = document.onmousemove;
		document.onmousemove = function (e) {
			if (typeof(getmousepos.oldDocOnMouseMove) == "function")
				getmousepos.oldDocOnMouseMove(e);
			getmousepos.verfolgeKoordinaten(e);
		};
          }
	},

	verfolgeKoordinaten : function (ereignis) {
		var pos, IE;

		if (!ereignis)
			ereignis = window.event;

		pos = { left : ereignis.clientX, top : ereignis.clientY };

		IE = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ?
			window.document.documentElement : window.document.body || null;

		if (typeof(IE.scrollLeft) == "number") {
			pos.left += IE.scrollLeft;
			pos.top +=  IE.scrollTop;
		}

		getmousepos.div.style.left = pos.left + getmousepos.dx + "px";
		getmousepos.div.style.top = pos.top + getmousepos.dy + "px";
	},

	on : function () {
	       
		getmousepos.div.style.display = "block";
		return false;
	},

	off : function () {
		getmousepos.div.style.display = "none";
		return false;
	}
}