var BUBBLE;
function showBubble(el,bubble)
{
	
	var bubbleEl = document.getElementById(bubble);

	if(BUBBLE)
	{
		BUBBLE.style.display = 'none';
	}
		
	bubbleEl.style.display = 'block';
	el._mouseover = el.onmouseover;
	el.onmouseover = function(){};
	el.onmousemove = function(e){
		var posx = 0;
		var posy = 0;
		if (!e) var e = window.event;
		if (e.pageX || e.pageY) 
		{
			posx = e.pageX;
			posy = e.pageY;
		}
		else if (e.clientX || e.clientY) 
		{
			posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
			posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
		}
		
		var bubBottom = (posy+bubbleEl.offsetHeight);
		var visibleHeight = document.body.offsetHeight+document.documentElement.scrollTop;
		//document.title = 'bottom: '+bubBottom+', offsetHeight: '+document.body.offsetHeight+', scrollTop: '+document.documentElement.scrollTop;
		if(bubBottom>visibleHeight)
		{
			posy-=bubbleEl.offsetHeight;
		}
		
		bubbleEl.style.left = posx+'px';
		bubbleEl.style.top = posy+'px';
	}
	el.onmouseout = function(){
		bubbleEl.style.display = 'none';
		BUBBLE = null;
		el.onmouseover = el._mouseover;
		el.onmouseout = function(){}
	}
	
	BUBBLE = bubbleEl;
}

/*
function showBubble(el,bubble)
{
	var bubbleEl = document.getElementById(bubble);
	
	if(bubbleEl._showing)
	{
		return;
	}
	
	el.onmouseover = function(){};
	el.onmousemove = function(e){
		var posx = 0;
		var posy = 0;
		if (!e) var e = window.event;
		if (e.pageX || e.pageY) 
		{
			posx = e.pageX;
			posy = e.pageY;
		}
		else if (e.clientX || e.clientY) 
		{
			posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
			posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
		}
		bubbleEl.style.left = posx+'px';
		bubbleEl.style.top = posy+'px';
	}
	bubbleEl._showing = true;
	Effect.Appear(bubbleEl,{duration:0.2,afterFinish:function(){
		el.onmouseout = function()
		{
			Effect.Fade(bubbleEl,{duration:0.2,afterFinish:function(){
				el.onmouseover = function(){
					bubbleEl._showing = false;
					showBubble(this,bubble);					
				};			
			}});
			el.onmouseout = function(){}
		}
	}});
}
*/
