//START CODE FOR BUBBLE POP UP
var offsetfromcursorX=12 //Customize x offset of tooltip
var offsetfromcursorY=10 //Customize y offset of tooltip
var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div style="z-index:0;LEFT: 0px; POSITION: absolute; TOP: 800px" id="dhtmltooltip"><div id="dttext"></div></div>') //write out tooltip DIV
document.write('<img  style="LEFT: 0px; POSITION: absolute; TOP: 820px"  id="dhtmlpointer" SRC="../adserver/images/10x2spacer.gif">') //write out pointer image

if (navigator.appName == "Microsoft Internet Explorer"){
  document.getElementById('dhtmltooltip').style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../adserver/images/greeninfo_bubble_1.png', sizingMethod='scale')";
}else{
  document.getElementById('dhtmltooltip').innerHTML = '<img alt="" border="0" src="../adserver/images/s10x2spacer.gif"><div id="dttext"></div>';
}

var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
  var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

  var tiptxtobj=document.all? document.all["dttext"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""

function ietruebody(){
  return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function infoBox(msg)
{
  var thetext =msg; 
  var thewidth = '177';  
  var theheight = '80';  
  var thecolor = '';
  if (ns6||ie){
    if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px";
	if (typeof theheight!="undefined") tipobj.style.height=theheight+"px";
    if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor;
    tiptxtobj.innerHTML=thetext;
    enabletip=true;
    return false;
  }

}
function positiontip(e){
  if (enabletip){
    var nondefaultpos=false
    var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
    var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
    //Find out how close the mouse is to the corner of the window
    var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
    var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

      var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
      var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY

      var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

      //if the horizontal distance isn't enough to accomodate the width of the context menu
      if (rightedge<tipobj.offsetWidth){
        //move the horizontal position of the menu to the left by it's width
        tipobj.style.left=curX-tipobj.offsetWidth+"px"
          nondefaultpos=true
      }
      else if (curX<leftedge)
        tipobj.style.left="5px"
      else{
        //position the horizontal position of the menu where the mouse is positioned
        tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
          pointerobj.style.left=curX+offsetfromcursorX+"px"
      }

    //same concept with the vertical position
    if (bottomedge<tipobj.offsetHeight){
      tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
        nondefaultpos=true
    }
    else{
      tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY-100+"px"
        pointerobj.style.top=curY+offsetfromcursorY+"px"
    }
    tipobj.style.visibility="visible"
      if (!nondefaultpos)
        pointerobj.style.visibility="visible"
      else
        pointerobj.style.visibility="hidden"
  }
}

function hideinfoBox(){
  if (ns6||ie){
    enabletip=false
      tipobj.style.visibility="hidden"
      pointerobj.style.visibility="hidden"
      tipobj.style.left="-1000px"
      tipobj.style.backgroundColor=''
      tipobj.style.width=''
  }
}

document.onmousemove=positiontip