var cur_tt=null;

function showTooltip(e,tt)
{
	var ev=new EventWrapper(e);
	cur_tt=document.getElementById(tt);
	if(cur_tt==null)
		return;
	place_tooltip(ev.pageX,ev.pageY);
	cur_tt.style.visibility="visible";
//	debug.dump('show');
}

function hideTooltip()
{
	if(cur_tt==null)
		return;

	cur_tt.style.visibility="hidden";
	cur_tt=null;
//	debug.dump('hide');
}

function place_tooltip(x,y)
{
	var left=x+20;
	var top=y+20;
	var windowsize=windowInnerSize();
	var submenu_offs=[x+20,y+20];
	cur_tt.style.left=cur_tt.style.top='0px';
	var tt_offs=findAbsoluteOffset(cur_tt);
	
	var dy=windowsize[1]-(submenu_offs[1]+cur_tt.offsetHeight);
//	debug.dump(submenu_offs[1]);
	if(dy-20<0)
	{
		//top=top+dy-20;
		top=y-cur_tt.offsetHeight-20;
	}
	
	var dx=windowsize[0]-(submenu_offs[0]+cur_tt.offsetWidth);
	if(dx-20<0)
	{
		//left=left+dx-20;
		left=x-cur_tt.offsetWidth-20;
	}

	cur_tt.style.left=(left-tt_offs[0])+'px';
	cur_tt.style.top=(top-tt_offs[1])+'px';	
}
	
function moveTooltip(e)
{
	if(cur_tt==null)
		return;

	var ev=new EventWrapper(e);
	place_tooltip(ev.pageX,ev.pageY);
}