var toolTipObj = null;
var toolTipDiv = "<div id='tooltip' style='padding:1mm;font-size:12;background:FFFFE7;border-color:black;border-style:groove;border-width:thin;     width:220;height:40;position:absolute;left:200;top:200;display:none;z-index:3' ><\/DIV>" ;

var addXpos = -9;
var addYpos = +18;
	
function setAddValue( xPos , yPos ) 
{
	addXpos = xPos;
	addYpos = yPos;
}

function setToolTipLayer( layerTag )
{
	toolTipDiv = layerTag ;
}

function initToolTip()
{
	var parentWin = window;

	if ( parentWin.tooltip == null )
	{
		parentWin.document.body.insertAdjacentHTML("beforeEnd",toolTipDiv );
	}
	toolTipObj = parentWin.tooltip;
	//document.onmousemove=movetip;
}

function showtip(text) {
	if ( toolTipObj == null ) initToolTip();
	
	toolTipObj.innerHTML=text; /* innerText¿¡ ´ëÀÔÇØÁÝ´Ï´Ù. */
	toolTipObj.style.display="inline";
}

function hidetip() {
	if ( toolTipObj == null ) initToolTip();
	toolTipObj.style.display="none";
}

function movetip() {
	if ( toolTipObj == null ) 
	{
		initToolTip(); 
		return;
	}
	//toolTipObj.style.pixelTop  =event.y+20; 
	//toolTipObj.style.pixelLeft =event.x+20; 
	var obj=toolTipObj;
	var _tmpx,_tmpy, marginx, marginy;
	_tmpx = event.clientX + parseInt(obj.style.width);
	_tmpy = event.clientY + parseInt(obj.style.height);
	_marginx = document.body.clientWidth - _tmpx;
	_marginy = document.body.clientHeight - _tmpy ;

	if(_marginx < 0)
		_tmpx = event.clientX + document.body.scrollLeft + _marginx ;
	else
		_tmpx = event.clientX + document.body.scrollLeft ;
	if(_marginy < 0)
		_tmpy = event.clientY + document.body.scrollTop + _marginy +20;
	else
		_tmpy = event.clientY + document.body.scrollTop ;
	obj.style.left= _tmpx+addXpos;
	obj.style.top = _tmpy+addYpos;
}