var mouseX=0;
var mouseY=0;

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.body.scrollLeft; // document[docEl].scrollLeft;
	    yPos    += document.body.scrollTop; // 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, parent)
{
	var elem = document.getElementById(id);
  	
	if(parent)
	{
		if(parent.alt && (parent.alt != ''))
			parent.alt = '';
		if(parent.title && (parent.title != ''))
			parent.title = '';
	}
	
	if(mode == true)
	{  
		init_mousemove();
	  
	  	if(dirX == undefined)
			dirX = 0;
		
	  	if(dirY == undefined)
			dirY = 0;
		
	  	var rand 		 = document.documentElement.scrollTop + document.documentElement.clientHeight;
	  	var rand_width = document.documentElement.scrollLeft + document.documentElement.clientWidth;
	  
	  	var test = elem.offsetWidth;	
		
		  if(test == 0) 
		     test = 1;	 
	  
	  	var facktor_a = (100*(1/elem.offsetWidth)) + 1; 
	  	var facktor_b = (100*(1/(elem.offsetWidth-100))) + 1; 
	  	var left_else = (test/(test/100));
		
		if(text != false) 
			elem.innerHTML = text;

		var offset = elem.offsetHeight;
		var offsetW = elem.offsetWidth;

		//Tooltip nach unten
		if ((offset + mouseY) > rand)
			elem.style.top = (mouseY - offset - 33) + "px";
		else
			elem.style.top = mouseY + "px";
	 
		if(((offsetW*facktor_a) + mouseX) >= rand_width)
			elem.style.left = (mouseX - (offsetW/facktor_b)) + "px";
		else 
			elem.style.left = (mouseX + left_else) + "px";
	} 
			
	elem.style.display = (mode == true ? 'block' : 'none');
}

var mousontip = false;

function vorschaudetails(id,mode,content,toLeft)
{
	if(mode)
	{
		if(toLeft == undefined)
			toLeft = 0;
	
		if(document.documentElement.scrollTop != 0)
			document.getElementById(id).style.top = (document.documentElement.scrollTop + 90) + 'px';
		else
			document.getElementById(id).style.top = '90px';
		
		document.getElementById(id).style.left = Math.round((document.documentElement.scrollLeft + document.documentElement.clientWidth) / 2) + toLeft + 'px';
		
		if(content != false) 
			document.getElementById(id).innerHTML = content;
		document.getElementById(id).style.display = 'block';
	}	
	else
		setTimeout("closeVorschaudetails('"+id+"')",100);
}
function closeVorschaudetails(id)
{
	if(!mousontip)
		document.getElementById(id).style.display = 'none';
}