var ttData = {};
ttData.bilderOrdner = 'http://fidelity.de/common/images/sparplan/';
ttData.shadowOR = ttData.bilderOrdner + "k_schatten_OR.png"	// Schatten
ttData.shadowR = ttData.bilderOrdner + "k_schatten_R.png"	// Schatten
ttData.shadowUR = ttData.bilderOrdner + "k_schatten_UR.png"	// Schatten
ttData.shadowU = ttData.bilderOrdner + "k_schatten_U.png"	// Schatten
ttData.shadowUL = ttData.bilderOrdner + "k_schatten_UL.png"	// Schatten
ttData.ttOffsetX = 15;
ttData.ttOffsetY = 10;

function isIE () {
	return (document.all) ? true : false;
}

function ttGetTooltip () {
	return document.getElementById('fidTooltip');
}
function ttGetTooltipBody () {
	return document.getElementById('fidTooltipBody');
}

function setTooltip (code) {
	ttCreatTooltip();
	var tt = ttGetTooltip();
	var tt_body = ttGetTooltipBody();
	
	tt_body.innerHTML = code;
	tt.style.display = 'block';
	ttX = ttData.mouseX + ttData.ttOffsetX;
	ttY = ttData.mouseY + ttData.ttOffsetY;

	ttMoveTooltipTo(ttX,ttY);

	document.onmousemove = ttDragTooltip;
	window.onscroll = ttDragTooltip;
}

function closeTooltip () {	
	tt = ttGetTooltip();
	if (tt) {
		tt.style.display = 'none';
		document.onmousemove=ttGetMousePosition;
		window.onscroll = null;
	}
}

function ttDragTooltip (e) {
	ttGetMousePosition(e);
	ttX = ttData.mouseX + ttData.ttOffsetX;
	ttY = ttData.mouseY + ttData.ttOffsetY;
	ttMoveTooltipTo(ttX,ttY);
}

function ttMoveTooltipTo (x,y) {
	tt = ttGetTooltip();
	tt.style.left = String(x)+'px';
	tt.style.top = String(y)+'px';
}

function ttCreatTooltip () {
	if (ttGetTooltip()) return;
	
	var d = document.createElement('div');
	d.id = 'fidTooltip';
	d.style.position = 'absolute';
	d.style.display = 'none';
	d.style.zIndex = 100;
	document.body.appendChild(d);
	
	code = (!isIE())? '<table border="0" cellspacing="0" cellpadding="0" style="font-size:1px"><tr><td colspan="2" rowspan="2" bgcolor="#ffffff">' : '';
	code += '<div id="fidTooltipBody" style="padding:2px 6px 2px 6px;font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #CDCDCD;background-color:#FFFFFF;color:#666666;white-space:nowrap;">&nbsp;</div>';

	if (!isIE())
	code += '</td>'
		 +' <td valign="bottom" height="4"><img src="'+ttData.shadowOR+'" /></td>'
		 +'</tr><tr>'
		 +' <td style="background:URL('+ttData.shadowR+');"><img src="'+ttData.shadowR+'" width="1" height="1" /></td>'
		 +'</tr><tr>'
		 +'	<td align="right" width="4"><img src="'+ttData.shadowUL+'" /></td>'
		 +'	<td style="background:URL('+ttData.shadowU+')" valign="top"><img src="'+ttData.shadowU+'" width="1" height="1" /></td>'
		 +'	<td><img src="'+ttData.shadowUR+'" width="4" height="4" /></td>'
		 +'</tr></table>';
	d.innerHTML = code;
}

function ttGetMousePosition(e) {
		if (!e) e = window.event;
		srcollX = Math.max(document.body.scrollLeft, document.documentElement.scrollLeft);
		srcollY = Math.max(document.body.scrollTop, document.documentElement.scrollTop);

		if (e.pageX || e.pageY) {
			ttData.mouseX = e.pageX;
			ttData.mouseY = e.pageY;
		} else if (e.clientX || e.clientY) {
			ttData.mouseX = e.clientX + srcollX;
			ttData.mouseY = e.clientY + srcollY;
		}
}

document.onmousemove=ttGetMousePosition;