//general properties:
		
	var _tooltipPauseBeforeShow=100; //miliseconds to pause before showing the tooltip.
	var _tooltipDelay=20; //seconds before auto hiding. set 0 to make it permanent.
	var _tooltipBgColor="white"; //background color of tooltip box
	var _tooltipTextColor="black"; //color of tooltip text.
	var _tooltipFontFamily="Tahoma"; //font family of tooltip text.
	var _tooltipFontSize=12; //font size of tooltip text.
	var _tooltipFontBold=true; //whether the tooltip text will be bold or not
	
	//private data:
	var _tooltipContainerName="TooltipContainer_V1";
	
	function mymouseX(evt) {
		if (evt.pageX) return evt.pageX;
		else if (evt.clientX)
		return evt.clientX + (document.documentElement.scrollLeft ?
		document.documentElement.scrollLeft :
		document.body.scrollLeft);
		else return null;
	}
	
	function mymouseY(evt) {
		if (evt.pageY) return evt.pageY;
		else if (evt.clientY)
		return evt.clientY + (document.documentElement.scrollTop ?
		document.documentElement.scrollTop :
		document.body.scrollTop);
		else return null;
	}
	
	window.onload=function WindowLoad(event)
	{
		var arrSpans=document.getElementsByTagName("span");
		var tooltipCount=0;
		for (var i=0; i<arrSpans.length; i++)
		{
			var objSpan=arrSpans[i];
			if ((objSpan.attributes["tooltip_v1"])&&(objSpan.attributes["tooltip_v1"].value.length > 0))
			{
				objSpan.onmouseover = ShowToolTip;
				objSpan.onmouseout = HideToolTip;
				tooltipCount++;
			}
		}
		if (tooltipCount > 0)
			document.onclick=HideToolTip;
	}

	function ShowToolTip(event)
	{
		//get windows event:
		if ((typeof event == "undefined")||(!event))
			event = window.event;
		
		//get container:
		var objContainer=document.getElementById(_tooltipContainerName);
		
		//get source element:
		var objSource=event.srcElement||event.target;
		
		//abort if no source available:
		if ((typeof objSource == "undefined")||(!objSource))
			return false;
		
		//create if does not exist:
		if (!objContainer)
		{
			objContainer = document.createElement("div");
			objContainer.id = _tooltipContainerName;
			objContainer.style.backgroundColor = _tooltipBgColor;
			objContainer.style.color = _tooltipTextColor;
			objContainer.style.fontFamily = _tooltipFontFamily;
			objContainer.style.fontSize = _tooltipFontSize;
			if (_tooltipFontBold)
				objContainer.style.fontWeight = "bold";
			objContainer.style.position = "absolute";
			objContainer.style.display = "none";
			document.body.appendChild(objContainer);
		}
		
		//get mouse position:
		
		//var mouseX=event.x||event.pageX;
		//var mouseY=event.y||event.pageY;
		
		var mouseX=mymouseX(event);
		var mouseY=mymouseY(event);
		
		//get body scroll:
		var scrollX=document.body.scrollLeft;
		var scrollY=document.body.scrollTop;
		
		//set container position:
		objContainer.style.left = (mouseX+scrollX+50)+"px";
		objContainer.style.top = (mouseY+scrollY)+"px";
		
		//read tooltip text:
		var strText=(objSource.attributes["tooltip_v1"])?objSource.attributes["tooltip_v1"].value:"";
		
		//verify we have something to display:
		if (strText.length == 0)
			return false;
		
		//set container text:
		objContainer.innerHTML = "<img style='border: 4px solid #F0F0F0; padding: 5px;' src='"+strText+"'>";
		
		//show container:
		setTimeout("_ShowTooltipContainer();", _tooltipPauseBeforeShow);
		
		//set timer if needed:
		if (_tooltipDelay > 0)
			setTimeout("HideToolTip();", _tooltipDelay*1000);
		
		return true;
	}
	
	
	function HideToolTip(event)
	{
		//get container:
		var objContainer=document.getElementById(_tooltipContainerName);
		if (objContainer)
		{
			objContainer.style.display = "none";
		}
	}
	
	function _ShowTooltipContainer()
	{
		//get container:
		var objContainer=document.getElementById(_tooltipContainerName);
		
		if (objContainer)
		{
			objContainer.style.display = "block";
		}
	}