﻿var __showtooltip = false;

function Zorrino_Web_Tooltip_Init() {
	if (typeof Zorrino_Web_Tooltip_Data != "undefined") {
		document.write("<div id='__tooltip' class='dropshadow' style='position: absolute; left: 0; top: 0; display: none'><div class='tooltip'></div></div>");

		for (var i=0; i<Zorrino_Web_Tooltip_Data.length; i++) {
			var properties = Zorrino_Web_Tooltip_Data[i];
			
			var control = document.getElementById(properties.Control);
			
			if (control != null) {
				control.Tip = properties.Tip;
				
				//control.onmousemove = Zorrino_Web_Tooltip_Show;
				//control.onmouseout = Zorrino_Web_Tooltip_Hide;
				if (control.addEventListener) {
					control.addEventListener("mousemove", Zorrino_Web_Tooltip_Show, false);
					control.addEventListener("mouseout", Zorrino_Web_Tooltip_Hide, false);
				}
				else if (control.attachEvent) {
					control.onmousemove = Zorrino_Web_Tooltip_Show;
					control.onmouseout = Zorrino_Web_Tooltip_Hide;
				}
				//control.CssClass = properties.CssClass;
			}
		}	
		
		document.onmousemove = Zorrino_Web_Tooltip_Move;
	}
}

function Zorrino_Web_Tooltip_Show(e) {
	var tooltip = document.getElementById("__tooltip");
	
	if (!e) var e = window.event;

	if (tooltip.hasChildNodes()) {
		var contents = tooltip.firstChild;
		if (contents.hasChildNodes()) 
			while (contents.firstChild)
				contents.removeChild(contents.firstChild);
				
		contents.innerHTML = this.Tip.replace("&apos;", "'");

		if (e.pageX) {
			tooltip.style.left = (e.pageX) + "px";
			tooltip.style.top = (e.pageY + 22) + "px";
		}
		else {
			tooltip.style.left = (e.clientX + document.body.scrollLeft);
			tooltip.style.top = (e.clientY + document.body.scrollTop + 22);
		}
		
		if (this.Tip.length > 0) __showtooltip = true;
		//tooltip.className = this.CssClass;
	}
}

function Zorrino_Web_Tooltip_Hide() {
	__showtooltip = false;
}

function Zorrino_Web_Tooltip_Move() {
	var tooltip = document.getElementById("__tooltip");
	if (__showtooltip == true)
		tooltip.style.display = "block";
	else
		tooltip.style.display = "none";
}
