var tooltip_delay=1500;
var tooltip_style="white"; //black or white

//must not be adjusted!!!
var tooltip_timeout=0;
var tooltip_x=0;
var tooltip_y=0;
var tooltip_visible=0;

function init_tooltip(e, title, text)
{
    if(!document.getElementById("mb_tooltip"))
        create_tooltip();

  	tooltip_set_position(e);
 	tooltip_timeout=setTimeout("show_tooltip('"+title+"','"+text+"')", tooltip_delay);
}

function show_tooltip(title,text)
{
    if(!document.getElementById("mb_tooltip"))
        create_tooltip();

	tooltip=document.getElementById("mb_tooltip");
    tooltip.innerHTML="";
    if(title!="")
    	tooltip.innerHTML+="<b>"+title+"</b>";

    if(text!="")
    	tooltip.innerHTML+="<br>"+text;
     
    var document_width=document.width ? document.width : document.documentElement.offsetWidth - 25;
    var scroll=tooltip_get_scroll();

    if(document_width>tooltip_x+210+20+10)
 		tooltip.style.left=tooltip_x+20+scroll.x+"px";
    else
  		tooltip.style.left=tooltip_x-220+scroll.x+"px";

    if(tooltip_y>30)
   		tooltip.style.top=tooltip_y-20+scroll.y+"px";
    else
        tooltip.style.top=tooltip_y+10+scroll.y+"px"

	tooltip.style.display="block";
	tooltip_visible=1;
}

function tooltip_set_position(e)
{
	if(!e)
		e=windows.event;

    if(!document.getElementById("mb_tooltip"))
        create_tooltip();

	tooltip_x=e.clientX;
	tooltip_y=e.clientY;
	if(tooltip_visible==1)
	{
		tooltip=document.getElementById("mb_tooltip");
  
        var document_width=document.width ? document.width : document.documentElement.offsetWidth - 25;
        var scroll=tooltip_get_scroll();

        if(document_width>tooltip_x+210+20+10)
    		tooltip.style.left=tooltip_x+20+scroll.x+"px";
        else
    		tooltip.style.left=tooltip_x-220+scroll.x+"px";

        if(tooltip_y>30)
    		tooltip.style.top=tooltip_y-20+scroll.y+"px";
        else
            tooltip.style.top=tooltip_y+10+scroll.y+"px"
	}
}

function hide_tooltip()
{
  	clearTimeout(tooltip_timeout);
  	tooltip_visible=0;
	document.getElementById("mb_tooltip").style.display="none";
}

function create_tooltip()
{
    var tooltip=document.createElement("div");
    tooltip.className=tooltip_style;
    tooltip.id="mb_tooltip";
    document.body.appendChild(tooltip);
}

function tooltip_get_scroll() {
   if (document.body.scrollTop != undefined) {	// IE model
      var ieBox = document.compatMode != "CSS1Compat";
      var cont = ieBox ? document.body : document.documentElement;
      return {x : cont.scrollLeft, y : cont.scrollTop};
   }
   else {
      return {x : window.pageXOffset, y : window.pageYOffset};
   }
}