//Eigenes Objekt mit Target und Text-Attribut
function Disp (tit, bdy) {
  this.Header = tit;
  this.Body = bdy;
}

//Register Eventhandlers

document.onmouseout = hideBox; //Hide Box on mouseout
document.onmousemove = getMouseXY; //Mouse XY

if (typeof document.attachEvent!='undefined') {
   window.attachEvent('onload',init);
}
else {
   window.addEventListener('load',init,false);
}

//=== Mouse-Position bestimmen

// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

function getMouseXY(e) // works on IE6,FF,Moz,Opera7
{ 
  if (!e) e = window.event; // works on IE, but not NS (we rely on NS passing us the event)

  if (e)
  {     
    if (e.pageX || e.pageY)
    { // this doesn't work on IE6!! (works on FF,Moz,Opera7)
      tempX = e.pageX;
      tempY = e.pageY;
    }
    else if (e.clientX || e.clientY)
    { // works on IE6,FF,Moz,Opera7
      var scrollTop = document.documentElement.scrollTop; //IE6
      var scrollLeft = document.documentElement.scrollLeft; //IE6
      
      tempX = e.clientX + scrollLeft; //document.body.scrollLeft;
      tempY = e.clientY + scrollTop;// + document.body.scrollTop;      
    }  
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX + 150
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  
  if(tempX < (screen.width / 2)) {
  //alert("Screen ist: " + screen.width + " und tempX ist: " + tempX);
    tempX += 180;
  }
  //Verschieben
  //tempX += 50;
  //tempY -= 25;
  //tempX -= 180;
  //tempY += 10;
}

var div=document.createElement("div");
div.id = "HideItem";
var dvHdr=document.createElement("div");
var dvBdy=document.createElement("div");

//Definiert den Style des Titels
function defHdrStyle() {	
    dvHdr.innerHTML='<img  style="vertical-align:middle"  src="images/16x16/info.gif">&nbsp;&nbsp;';
	dvHdr.style.fontWeight='bold';
	dvHdr.style.width='200px';
	dvHdr.style.fontFamily='arial';
	dvHdr.style.border='1px solid #A5CFE9';
	//dvHdr.style.padding='3';
	dvHdr.style.padding='1px 0px 0px 3px';
	dvHdr.style.fontSize='11';
	dvHdr.style.color='#4B7A98';
	dvHdr.style.background='#D5EBF9';
	dvHdr.style.zindex='100';
	//dvHdr.style.filter='alpha(opacity=30)'; // IE
	 //z-index:100;
	//dvHdr.style.opacity='0.30'; // FF
}

//Definiert den Style des Body
function defBdyStyle() {
	dvBdy.style.borderBottom='1px solid #A5CFE9';
	dvBdy.style.borderLeft='1px solid #A5CFE9';
	dvBdy.style.borderRight='1px solid #A5CFE9';
	dvBdy.style.width='200px';
	dvBdy.style.fontFamily='arial';
	dvBdy.style.fontSize='11';
	dvBdy.style.padding='1px 0px 0px 3px';
	dvBdy.style.color='#1B4966';
	dvBdy.style.background='#FFFFFF';
	dvBdy.style.zindex='100';
	//dvBdy.style.filter='alpha(opacity=90)'; // IE
	//dvBdy.style.opacity='0.90'; // FF
}

function init() {
    defHdrStyle();
    defBdyStyle();
	div.appendChild(dvHdr);
	div.appendChild(dvBdy);
	div.style.position="absolute";
	div.style.visibility='hidden';
	document.body.appendChild(div);	
}

//Blendet die Box aus
function hideBox(e) {
	div.style.visibility='hidden';
}

//Zeigt den Tooltip an, füllt das Text-Attribut und das Target-Attribut 
//ab
function ShowCustomToolTip(node) {

    //Position        
    div.style.top= (tempY + 10) + "px";
    div.style.left= (tempX - 180) + "px";
       
    //Header
    if(node.Text!= null) {  
        dvHdr.innerHTML='<img  style="vertical-align:middle"  src="images/16x16/info.gif">&nbsp;&nbsp;' + node.Text ; 
    }
    if(node.Header != null) {
        dvHdr.innerHTML='<img  style="vertical-align:middle"  src="images/16x16/info.gif">&nbsp;&nbsp;' + node.Header ; 
    }
  
    //Body
    if(node.Target!=null) {
            
        dvBdy.innerHTML=node.Target ;//"<p>" + + "</p>";        
       	div.style.visibility='visible';
    }
       if(node.Body!=null) {
            
        dvBdy.innerHTML=node.Body ;//"<p>" + + "</p>";        
       	div.style.visibility='visible';
    }
}

//Eigenes Objekt mit Target und Text-Attribut
function CustomTooltip (tit, bdy) {

  //Position        
   div.style.top= (tempY + 10) + "px";
    div.style.left= (tempX - 180) + "px";
//    div.style.top= tempY + "px";
//    div.style.left= tempX + "px";
       
    //Header
    if(tit!= null) {  
        dvHdr.innerHTML='<img  style="vertical-align:middle"  src="images/16x16/info.gif">&nbsp;&nbsp;' + tit ; 
    }
  
    //Body
    if(bdy != null) {            
        dvBdy.innerHTML= bdy ;//"<p>" + + "</p>";        
       	div.style.visibility='visible';
    }
}

//Eigenes Objekt mit Target und Text-Attribut
function CustomOverTooltip (tit, bdy) {

  //Position        
    div.style.top= (tempY -100) + "px";
    div.style.left= tempX + "px";
       
    //Header
    if(tit!= null) {  
        dvHdr.innerHTML='<img  style="vertical-align:middle"  src="images/16x16/info.gif">&nbsp;&nbsp;' + tit ; 
    }
  
    //Body
    if(bdy != null) {            
        dvBdy.innerHTML= bdy ;//"<p>" + + "</p>";        
       	div.style.visibility='visible';
    }
}