function ShowBubble(parent, message, style) {
   if (style==0) {
      txt  = "<TABLE BORDER='0' CELLPADDING='0' CELLSPACING='0' CELLMARGIN=0 >";
      txt += "<TR>";
      txt += "<TD HEIGHT='16' WIDTH='16'><IMG SRC='images/bubble_tl.gif' WIDTH='16' HEIGHT='16'>";
      txt += "<TD HEIGHT='16'><IMG SRC='images/bubble_tm.gif' WIDTH='100%' HEIGHT='16'>";
      txt += "<TD HEIGHT='16' WIDTH='16'><IMG SRC='images/bubble_tr.gif' WIDTH='16' HEIGHT='16'>";
      txt += "</TR>";

      txt += "<TR>";
      txt += "<TD HEIGHT='100%'><IMG SRC='images/bubble_ml.gif' WIDTH='16' HEIGHT='100%'>";
      txt += "<TD BGCOLOR='FFFFFF'><FONT FACE='Comic Sans MS'>" + message + "</FONT>";
      txt += "<TD HEIGHT='100%'><IMG SRC='images/bubble_mr.gif' WIDTH='16' HEIGHT='100%'>";
      txt += "</TR>";

      txt += "<TR>";
      txt += "<TD HEIGHT='16' WIDTH='16'><IMG SRC='images/bubble_bl.gif' WIDTH='16' HEIGHT='16'>";
      txt += "<TD HEIGHT='16'><IMG SRC='images/bubble_bm.gif' WIDTH='100%' HEIGHT='16'>";
      txt += "<TD HEIGHT='16' WIDTH='16'><IMG SRC='images/bubble_br.gif' WIDTH='16' HEIGHT='16'>";
      txt += "</TR>";
      txt += "</TABLE>";
      txt += "<IMG SRC='images/bubble_grow.gif' WIDTH='48' HEIGHT='32'>";
      xPlus = 24;
      yPlus = 0;

   } else if (style==1) {
      txt  = "<TABLE BORDER='0' CELLPADDING='0' CELLSPACING='0' CELLMARGIN=0>";
      txt += "<TR>";
      txt += "<TD HEIGHT='75' WIDTH='81'><IMG SRC='images/guy_box_sm.gif' HEIGHT='75' WIDTH='81'>";
      txt += "<TD BGCOLOR='FFFFFF'><FONT FACE='Comic Sans MS'>" + message + "</FONT>";
      txt += "</TR>";
      txt += "</TABLE>";
      xPlus = 8;
      yPlus = 2;
   }

   //Find the object on the page that has the bubble.
   bubble = document.all["Bubble"];
   bubble.innerHTML = txt;

   x = parent.offsetLeft;
   y = parent.offsetTop;
   p = parent.offsetParent;

   //Get the offset of the item it's showing for.
   while (p.tagName.toUpperCase()!="BODY") {
      x += p.offsetLeft;
      y += p.offsetTop;
      p = p.offsetParent;
   }
   //Move the bubble so it's over the item!
   bubble.style.pixelLeft = x + xPlus;
   bubble.style.pixelTop = (y - bubble.offsetHeight) + yPlus;
   bubble.style.visibility = "visible";
}

function HideBubble() {
   document.all["Bubble"].style.visibility = "hidden";
}

function PreloadBubbleImages() {
	temp = new Image(0,0);
	temp.src = 'images/bubble_tl.gif';
	temp = new Image(0,0);
	temp.src = 'images/bubble_tm.gif';
	temp = new Image(0,0);
	temp.src = 'images/bubble_tr.gif';
	temp = new Image(0,0);
	temp.src = 'images/bubble_ml.gif';
	temp = new Image(0,0);
	temp.src = 'images/bubble_mr.gif';
	temp = new Image(0,0);
	temp.src = 'images/bubble_bl.gif';
	temp = new Image(0,0);
	temp.src = 'images/bubble_bm.gif';
	temp = new Image(0,0);
	temp.src = 'images/bubble_br.gif';
	temp = new Image(0,0);
	temp.src = 'images/bubble_grow.gif';
}

//Call the function above so they get preloaded.
PreloadBubbleImages();