var mouseX = 0;
var mouseY = 0;
var distX = 0;
var distY = 0;

function ToolTip(div, txt, txthr, width, color){

	var line = "<hr style=\"color: #000000; width:100%;background:#666;  border-top:1px solid #666;\">"; 			
	var pre = '<div class="box" style="width:' + width + 'px"><div class="box_tooltip_' + color + '_tl"></div><div class="box_tooltip_' + color + '_tc" style="width:' + (width - 20) + 'px"></div><div class="box_tooltip_' + color + '_tr"></div><div class="box_tooltip_' + color + '_content" style="width:' + (width - 12) + 'px">';
	var post = '</div><div class="box_tooltip_' + color + '_bl"></div><div class="box_tooltip_' + color + '_bc" style="width:' + (width - 20) + 'px"></div><div class="box_tooltip_' + color + '_br"></div></div>';
	if(txthr != '')
		$E(div).innerHTML =pre + txt + line + txthr + post;
	else
		$E(div).innerHTML = pre + txt + post

	var docHeight = document.viewport.getHeight();
	var objHeight = $E(div).getHeight();
	var Y = mouseY - document.viewport.getScrollOffsets().top;

	var docWidth = document.viewport.getWidth();
	var objWidth = $E(div).getWidth();
	var X = mouseX - document.viewport.getScrollOffsets().left;		

	if((Y + objHeight) > docHeight){
		$E(div).setStyle("top:" + ((mouseY - objHeight) - 10) + "px;"); 
	}else{
		$E(div).setStyle("top:" + (mouseY + 10) + "px;");
	}	
	if((X + objWidth) > docWidth){
		$E(div).setStyle("left:" + ((mouseX - objWidth) - 10) + "px;"); 
	}else{
		$E(div).setStyle("left:" + (mouseX + 10) + "px;");
	}	

	$E(div).show();
}
var Timesk =  '';
function hid1(div){
	Timesk = setTimeout("dely('" + div + "');", 1000);
}

function dely(div){
	$E(div).hide();		
	
}

function HideToolTip(div){
	$E(div).hide();	
}

function respondToClick(e) {
	if (!e) var e = window.event;
	mouseX = e.pointerX() + distX;
	mouseY = e.pointerY() + distY;
}

Event.observe(document , 'mousemove',respondToClick);

function we_bildwechsel(Bildnr,neuesbild) { 
	window.document.images[Bildnr].src = neuesbild; 
}

function ToolTipFix(div, txt, txthr, obj, type, offX, offY, width, color){
	clearTimeout(Timesk);
	$E(div).hide();

var line = "<hr style=\"color: #000000; width:100%; background:#666; border-top:1px solid #666;\">"; 
	
	
	var pre = '<div class="box" style="width:' + width + 'px"><div class="box_tooltip_' + color + '_tl"></div><div class="box_tooltip_' + color + '_tc" style="width:' + (width - 20) + 'px"></div><div class="box_tooltip_' + color + '_tr"></div><div class="box_tooltip_' + color + '_content" style="width:' + (width - 12) + 'px">';
	var post = '</div><div class="box_tooltip_' + color + '_bl"></div><div class="box_tooltip_' + color + '_bc" style="width:' + (width - 20) + 'px"></div><div class="box_tooltip_' + color + '_br"></div></div>';
	if(txthr != '')
		$E(div).innerHTML =pre + txt + line + txthr + post;
	else
		$E(div).innerHTML = pre + txt + post

	var docHeight = document.viewport.getHeight();
	var objHeight = $E(div).getHeight();
	var Y = Position.cumulativeOffset($E(obj))[1];
	var Y1 = Position.page($E(obj))[1];

	var docWidth = document.viewport.getWidth();
	var objWidth = $E(div).getWidth();
	var X = Position.cumulativeOffset($E(obj))[0];	
	
	if(type == 1){
		
		if((Y1 + objHeight) > docHeight){
			$E(div).setStyle("top:" + ((Y - objHeight) + offY) + "px;"); 
		}else{
			$E(div).setStyle("top:" + (Y + offY) + "px;");
		}	
		
		$E(div).setStyle("left:" + ((X + offX) - objWidth)  + "px;");
	}



	$E(div).show();	
	
}