function tooltip(){

	this.elements = new Array();
}

tooltip.prototype.push = function(id){
	this.elements.push(id)
}

tooltip.prototype.show = function(id){

	this.hideall();
	document.getElementById(id).style.display = 'block';
}
/*
		id - id des tooltips der angezeigt werden soll
		elem - das element anhand die position bestimmt werden soll
		xoffset -  verschiebung des tooltips x
		yoffset - verschiebung des tooltips y
*/

tooltip.prototype.showxy = function(id,element,xoffset,yoffset){
	
	newPos = getPosition(element);
	

	document.getElementById(id).style.left = newPos.x+element.offsetWidth+xoffset+"px";
	document.getElementById(id).style.top = newPos.y+yoffset+"px";
	this.hideall();
	document.getElementById(id).style.display = 'block';
}

tooltip.prototype.hideall = function(){
	
	mlength = this.elements.length;
	
	for(i=0; i < mlength; i++ ){
		document.getElementById(this.elements[i]).style.display = 'none';
	}

}

function getPosition(element)

{
  var elem=element,tagname="",x=0,y=0;

  while ((typeof(elem)=="object")&&(typeof(elem.tagName)!="undefined"))
  {
    y+=elem.offsetTop;    
    x+=elem.offsetLeft;    
    tagname=elem.tagName.toUpperCase(); 

    if (tagname=="BODY")
      elem=0;

    if (typeof(elem)=="object")
      if (typeof(elem.offsetParent)=="object")
        elem=elem.offsetParent;
  }

  position=new Object();
  position.x=x;
  position.y=y;
  return position;
}


// init tooltip
manage_tp = new tooltip();