var tooltip_timeout;

function tooltip(e, div) {
	if (document.getElementById(div) == null) return;
	var targ = (e.target ? e.target : e.srcElement);
	var source = document.getElementById(div);
	clearTimeout(tooltip_timeout);
	hide_tooltip_payment();
	targ.onmouseout = function() { tooltip_timeout = setTimeout("hide_tooltip();",500);}
	var title = (targ.text ? "<h3>" + targ.text + "<\/h3>" : "<h3>" + targ.innerText + "<\/h3>");
	document.getElementById("tooltip_text").innerHTML = source.innerHTML;//title +
	var tooltip = document.getElementById("tooltip");
	tooltip.style.top = (getTooltipAbsoluteTop(targ) - 10) +"px";
	tooltip.style.left = 270 + "px";
	tooltip.style.display = "block";
	var carat = document.getElementById("carat");
	carat.style.top = 10 + "px";
	carat.style.left = -17 + "px";


	tooltip.onmouseover = function (){clearTimeout(tooltip_timeout);}
	tooltip.onmouseout = function (){tooltip_timeout = setTimeout("hide_tooltip();",500);}
}

function hide_tooltip() {
	document.getElementById("tooltip").style.display = "none";
}




function getTooltipAbsoluteTop(element) {
	var top = element.offsetTop;
	while (element.offsetParent != null) {
				top += element.offsetParent.offsetTop;
				element = element.offsetParent;
	}
	return top;
}

function getTooltipAbsoluteLeft(element) {
	var left = element.offsetLeft;
	while (element.offsetParent != null) {
				left += element.offsetParent.offsetLeft;
				element = element.offsetParent;
	}
	return left;
}


function tooltip_payment(e, div) {
	if (document.getElementById(div) == null) return;
	var targ = (e.target ? e.target : e.srcElement);
	var source = document.getElementById(div);
	clearTimeout(tooltip_timeout);
	hide_tooltip();
	targ.onmouseout = function() { tooltip_timeout = setTimeout("hide_tooltip_payment();",500);}
	var title = (targ.text ? "<h3>" + targ.text + "<\/h3>" : "<h3>" + targ.innerText + "<\/h3>");
	document.getElementById("tooltip_payment_text").innerHTML = source.innerHTML;//title +
	var tooltip_payment = document.getElementById("tooltip_payment");
	tooltip_payment.style.top = 430 + "px";
	tooltip_payment.style.left = (getTooltipAbsoluteLeft(targ) + targ.offsetWidth + 10) + "px";
	tooltip_payment.style.display = "block";
	var payment_carat = document.getElementById("payment_carat");
	payment_carat.style.top = (getTooltipAbsoluteTop(targ) + -430) + "px";
	payment_carat.style.left = 8 + "px";


	tooltip_payment.onmouseover = function (){clearTimeout(tooltip_timeout);}
	tooltip_payment.onmouseout = function (){tooltip_timeout = setTimeout("hide_tooltip_payment();",500);}

}

function hide_tooltip_payment() {
	document.getElementById("tooltip_payment").style.display = "none";
}