var Xoffset=-10;        // modify these values to ...
var Yoffset= 15;        // change the tooltip position.
var tooltipwidth=300;   // tooltip width

// create content box
document.write("<DIV ID='tip'></DIV>");

// id browsers
var iex=(document.all);
var nav=(document.layers);
var old=(navigator.appName=="Netscape" && !document.layers && !document.getElementById);
var n_6=(window.sidebar);

// assign object
var skin;
if(nav) skin=document.tip;
if(iex) skin=tip.style;
if(n_6) skin=document.getElementById("tip").style;

// park modifier
var yyy=-1000;

// capture pointer
if(nav)document.captureEvents(Event.MOUSEMOVE);
if(n_6) document.addEventListener("mousemove",get_mouse,true);
if(nav||iex)document.onmousemove=get_mouse;

// set dynamic coords
function get_mouse(e){
  var x,y;

  if(nav || n_6) x=e.pageX;
  if(iex) x=event.x+document.body.scrollLeft; 
  
  if(nav || n_6) y=e.pageY;
  if(iex){
    y=event.y;
    if(navigator.appVersion.indexOf("MSIE 4")==-1)
      y+=document.body.scrollTop;
  }

  if(iex || nav){
    skin.top=y+yyy;
    skin.left=x+Xoffset; 
  }

  if(n_6){
    skin.top=(y+yyy)+"px";
    skin.left=x+Xoffset+"px";
  }    
  nudge(x);
}

// avoid edge overflow

function nudge(x)
{
  var extreme,overflow,temp;

  // right
  if(iex) extreme=(document.body.clientWidth-tooltipwidth);
  if(n_6 || nav) extreme=(window.innerWidth-tooltipwidth);

  if(parseInt(skin.left)>extreme){
    overflow=parseInt(skin.left)-extreme;
    temp=parseInt(skin.left);
    temp-=overflow;
    if(nav || iex) skin.left=temp;
    if(n_6)skin.left=temp+"px";
  }

  // left
  if(parseInt(skin.left)< 1 ){
    overflow=parseInt(skin.left)-1;
    temp=parseInt(skin.left);
    temp-=overflow;
    if(nav || iex) skin.left=temp;
    if(n_6)skin.left=temp+"px";
  }
}

// write content & display
function ToolTip(msg,BGColor){
//  var content="<TABLE CellPadding=0 CellSpacing=0 Border=1 BorderColor=Black BGColor=Black Style=Filter:alpha(opacity=80)><TR><TD><TABLE CellPadding=5 CellSpacing=0 BGColor="+BGColor+"><TR><TD class='TDToolTips'>"+msg+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
  var content="<TABLE CellPadding=0 CellSpacing=0 class='TBLToolTips'><TR><TD><TABLE CellPadding=5 CellSpacing=0 BGColor="+BGColor+"><TR><TD class='TDToolTips'>"+msg+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";

  if(old){
    alert(msg);
    return;
  } 
   
  yyy=Yoffset; 
  skin.width=tooltipwidth;

  if(nav){ 
    skin.document.open();
    skin.document.write(content);
    skin.document.close();
    skin.visibility="visible";
  }

  if(iex){        
    tip.innerHTML=content;
    skin.visibility="visible";
  }  

  if(n_6){   
    document.getElementById("tip").innerHTML=content;
    skin.visibility="visible";
  }
}


// park content box
function KillToolTip(){
  if(!old){
    yyy=-1000;
    skin.visibility="hidden";
    //  skin.width=0;
  }
}