var divWidth = 0;

function hlpinfo(title, info)
{
  document.onmousemove=newPos;
  if (document.layers)
  document.captureEvents(Event.MOUSEMOVE);
  txt="<div><table width=170 bgcolor=gray CELLPADDING=0 CELLSPACING=0 border=0><tr><td><table width=170 CELLPADDING=1 CELLSPACING=1 border=0><tr><td bgcolor=6699cc align=center><font color=#ffffff size=1><b>"+title+"</b></font></td></tr><tr><td bgcolor=#FFFFDD><font face='Verdana, Arial, Helvetica' size=1 color=#000000>"+info+"</font></td></tr></table></td></tr></table></div>";
  divwrite(txt);
  if (document.layers)
  {
    divwrite(txt);
    showinfo();
  }
}

function bubble(title, titleBgColor, titleFontColor, titleFontSize, titleFontFace, info, infoBgColor, infoFontColor, infoFontSize, infoFontFace, width)
{
  document.onmousemove=newPos;
  if (document.layers)
  document.captureEvents(Event.MOUSEMOVE);
  if (title == "") {
  	txt="<div><table width="+width+" bgcolor=gray CELLPADDING=0 CELLSPACING=0 border=0><tr><td><table width="+width+" CELLPADDING=1 CELLSPACING=1 border=0><tr><td bgcolor="+infoBgColor+"><font face='"+infoFontFace+"' size="+infoFontSize+" color="+infoFontColor+">"+info+"</font></td></tr></table></td></tr></table></div>";
  }
  else {
  	txt="<div><table width="+width+" bgcolor=gray CELLPADDING=0 CELLSPACING=0 border=0><tr><td><table width="+width+" CELLPADDING=1 CELLSPACING=1 border=0><tr><td bgcolor="+titleBgColor+" align=center><font face='"+titleFontFace+"' color="+titleFontColor+" size="+titleFontSize+"><b>"+title+"</b></font></td></tr><tr><td bgcolor="+infoBgColor+"><font face='"+infoFontFace+"' size="+infoFontSize+" color="+infoFontColor+">"+info+"</font></td></tr></table></td></tr></table></div>";
  }
  divwrite(txt);
  if (document.layers)
  {
    divwrite(txt);
    showinfo();
  }
}


function leftBubble(title, titleBgColor, titleFontColor, titleFontSize, titleFontFace, info, infoBgColor, infoFontColor, infoFontSize, infoFontFace, width)
{
  divWidth = width;
  document.onmousemove=newLeftPos;
  if (document.layers)
  document.captureEvents(Event.MOUSEMOVE);
  if (title == "") {
  	txt="<div><table width="+width+" bgcolor=gray CELLPADDING=0 CELLSPACING=0 border=0><tr><td><table width="+width+" CELLPADDING=1 CELLSPACING=1 border=0><tr><td bgcolor="+infoBgColor+"><font face='"+infoFontFace+"' size="+infoFontSize+" color="+infoFontColor+">"+info+"</font></td></tr></table></td></tr></table></div>";
  }
  else {
  	txt="<div><table width="+width+" bgcolor=gray CELLPADDING=0 CELLSPACING=0 border=0><tr><td><table width="+width+" CELLPADDING=1 CELLSPACING=1 border=0><tr><td bgcolor="+titleBgColor+" align=center><font face='"+titleFontFace+"' color="+titleFontColor+" size="+titleFontSize+"><b>"+title+"</b></font></td></tr><tr><td bgcolor="+infoBgColor+"><font face='"+infoFontFace+"' size="+infoFontSize+" color="+infoFontColor+">"+info+"</font></td></tr></table></td></tr></table></div>";
  }
  divwrite(txt);
  if (document.layers)
  {
    divwrite(txt);
    showinfo();
  }
}


function divwrite(txt)
{
  if (document.all)
    document.all["hlpdiv"].innerHTML = txt;
  else
  {
    var lyr = document.hlpdiv.document;
    lyr.write(txt);
    lyr.close();
  }
}

function showinfo()
{
  if (document.all)
  {
    document.all.hlpdiv.style.visibility="visible";
  }
  else
    document.hlpdiv.visibility="show";
}

function clrinfo()
{
  if (document.all){
    document.all.hlpdiv.style.visibility="hidden";
  }
  else{
    document.hlpdiv.visibility="hide";
  }
  document.onmousemove=fixPos;
  if (document.layers)
  document.captureEvents(Event.MOUSEMOVE);
}

function newPos(e){
  if (document.all)
  {
    fix1=document.body.scrollLeft+10;
    fix2=document.body.scrollTop+10;
    document.all.hlpdiv.style.left=event.clientX+fix1;
    document.all.hlpdiv.style.top=event.clientY+fix2;
  }
  else
  {
    document.hlpdiv.left=e.pageX+10;
    document.hlpdiv.top=e.pageY+10;
  }
    showinfo();
}

function newLeftPos(e){
  if (document.all)
  {
//    fix1=document.body.scrollLeft+10;
    fix2=document.body.scrollTop+10;
    document.all.hlpdiv.style.left=event.clientX-divWidth-10;
    document.all.hlpdiv.style.top=event.clientY+fix2;
  }
  else
  {
    document.hlpdiv.left=e.pageX-divWidth-10;
    document.hlpdiv.top=e.pageY+10;
  }
    showinfo();
}

function fixPos(e){
  if (document.all)
  {
    document.all.hlpdiv.style.left=0;
    document.all.hlpdiv.style.top=0;
  }
}