var tooltipdiv;

/* Browsertyp/Kompatibilitaet ermitteln */
var IE4 = (document.all && !document.getElementById)? true : false;
var IE5 = (document.getElementById && document.all)? true : false;
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? true : false;
var NS6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true : false;
var W3C = (document.getElementById)? true : false;
var IE  = (IE4 || IE5)? true : false;

   
// DIV anlegen, wenn noch nicht auf der Seite enthalten
if (!document.getElementById("tooltipbox"))
{
    var temp_new_div            = document.createElement("div");
//    temp_new_div.className      = "tooltip";
    temp_new_div.id             = "tooltipbox";
    temp_new_div.style.position = "absolute";
    temp_new_div.style.zIndex   = "90";    
    temp_new_div.style.borderStyle  = "double";
    temp_new_div.style.borderColor  = "white";
    temp_new_div.style.borderWidth  = "2";
    //document.body.appendChild(temp_new_div);
}

function showToolTip(e,source){
	  tooltipdiv = (IE4)? document.all['tooltipbox'] : (W3C)? document.getElementById('tooltipbox') : null;
      tooltipdiv.innerHTML="<img src='"+source.src+"'>";

	  if(W3C||IE4){
	   tooltipdiv.style.left=(getX(source)+source.width+5)+'px';
	   tooltipdiv.style.top=(getY(source)-2)+'px';
	  }

      tooltipdiv.style.visibility="visible";
}

function hideToolTip(){
      tooltipdiv.style.visibility="hidden";
} 

function getX(obj,relative) { 
	  var x=0; 
	  if(typeof(obj)=="object" && document.getElementById) { 
	  		x=obj.offsetLeft; 
	  		if(obj.offsetParent && !relative) { 
	  				x+=getX(obj.offsetParent); 
	  		} 
	  		return x; 
	  } 
	  else  { 
	  		return false; 
	  } 
}

function getY(obj,relative) { 
	  var y=0; 
	  if(typeof(obj)=="object" && document.getElementById) { 
	  		y=obj.offsetTop; 
	  		if(obj.offsetParent && !relative) { 
	  				y+=getY(obj.offsetParent); 
	  		} 
	  		return y; 
	  } 
	  else  { 
	  		return false; 
	  } 
}