// find out if ie runs in quirks mode
//
var docEl = (
             typeof document.compatMode != "undefined" && 
             document.compatMode        != "BackCompat"
            )? "documentElement" : "body";

// register event
// capture it for nc 4x (ok it's a dino)
//
var mouseX=0;
var mouseY=0;
var last;

function init_mousemove() {
    if(document.layers) document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove =	dpl_mouse_pos;
}

function dpl_mouse_pos(e) {

    // position where mousemove fired
    //
    var xPos    =  e? e.pageX : window.event.x;
	var yPos    =  e? e.pageY : window.event.y;

	
	// for ie add scroll position
	//
	if (document.all && !document.captureEvents) {
	    xPos    += document[docEl].scrollLeft;
	    yPos    += document[docEl].scrollTop;
    }
    
    // display position
    //
    //document.feld.ausg.value    =  "Left = " + xPos + " : Top = " + yPos;
    mouseX=xPos-100;
	mouseY=yPos+20;
    // for the dino pass event
    //
    if (document.layers) routeEvent(e);
}

function vorschau(id,mode,text, dirX, dirY)
{
  init_mousemove();
    
  var rand 		 = document.documentElement.scrollTop + document.documentElement.clientHeight;
  var rand_width = document.documentElement.scrollLeft + document.documentElement.clientWidth;
  
  var test = document.getElementById(id).offsetWidth;	
	
  if(test == 0) {
     test = 1;
  } 
  
  var facktor_a = (100*(1/document.getElementById(id).offsetWidth)) + 1; 
  var facktor_b = (100*(1/(document.getElementById(id).offsetWidth-100))) + 1; 
  var left_else = (test/(test/100));
	if(text != false) {
		
		text = text.replace(/\{\[br\]\}/g, '<br>');
		document.getElementById(id).innerHTML = text;
	}
    
  if(dirY == 0)
  {  
	  //Tooltip nach unten
	  if ((document.getElementById(id).offsetHeight + mouseY) > rand)
	  {
	    document.getElementById(id).style.top = (mouseY - document.getElementById(id).offsetHeight - 33) + "px";
	    
	  }
	  else
	  {
	    document.getElementById(id).style.top = mouseY + "px";
	  }
   }  
   else 
   {
	//Tooltip nach oben
	  if((mouseY - document.getElementById(id).offsetHeight - 25) > 0)
	  {
	    document.getElementById(id).style.top = (mouseY - document.getElementById(id).offsetHeight - 25) + "px";  
	  }
	  else
	  {
	    document.getElementById(id).style.top = mouseY + "px";
	  }
   }
   
  if(dirX == 0)
  {  
	  if(((document.getElementById(id).offsetWidth*facktor_a) + mouseX) >= rand_width)
		{
			document.getElementById(id).style.left = (mouseX - (document.getElementById(id).offsetWidth/facktor_b)) + "px";
		}
		else 
		{
		  document.getElementById(id).style.left = (mouseX + left_else) + "px";
		}  	
  }
  else 
  {
		if((mouseX - document.getElementById(id).offsetWidth + 100) > 0)
		{
			document.getElementById(id).style.left = (mouseX - (document.getElementById(id).offsetWidth/facktor_b)) + "px";
		}
		else 
		{ 
			document.getElementById(id).style.left = (mouseX + left_else) + "px";			
	    } 
	}  
		
//  document.getElementById('ddd').value = document.documentElement.scrollTop + document.documentElement.clientHeight;
//  document.getElementById('ddd2').value = "elem:" + document.getElementById(id).offsetHeight + "y:" + mouseY + "both:" + (document.getElementById(id).offsetHeight + mouseY);
  
  if (mode == true) {
   document.getElementById(id).style.display = 'block';
  }
  if (mode == false) {
   document.getElementById(id).style.display = 'none';
  }
}