var UNDEFINED;  // do not assign!
var toolTipID = 'toolTipID';

function getX(obj){
  return( obj.offsetParent==null ? obj.offsetLeft : obj.offsetLeft+getX(obj.offsetParent) );
}

function getY(obj){
  return( obj.offsetParent==null ? obj.offsetTop : obj.offsetTop+getY(obj.offsetParent) );
}

function createTooltipDiv(){
  var toolTipHTML = "<DIV id='"+toolTipID+"' style='position:absolute;top:0px;left:0px;visibility:hidden'></div>";
  if ( document.all && document.body.insertAdjacentHTML )  {
     document.body.insertAdjacentHTML("beforeEnd",toolTipHTML);
  }
  else if ( document.getElementById && document.body.innerHTML )  {
     document.body.innerHTML += toolTipHTML;
  }
}

function getTooltipDiv()
{
  var divTooltip;

  if ( document.getElementById )
     divTooltip = document.getElementById(toolTipID);
  else if ( document.all )
     divTooltip = document.all[toolTipID];

  return divTooltip;
}

function hideTooltipText()
{
  var divTooltip = getTooltipDiv();
  if (divTooltip) divTooltip.innerHTML = "";
}

function showTooltipText(obj,tip, width)
{
  if ( !obj ) 
	obj = this;
  if ( !tip ) 
	tip = obj.alt ? obj.alt : obj.title;
  var divTooltip = getTooltipDiv();
  if ( obj && tip && divTooltip )  {
     obj.onmouseout = hideTooltipText;

     divTooltip.innerHTML = '<TABLE cellpadding=0 cellspacing=0 style="background-color:INFOBACKGROUND;'
       + 'font:8pt ms sans serif;padding:2px 2px 2px 2px;color:INFOTEXT;border:1px solid INFOTEXT;">'
       + '<TR><TD align="left" width=' + width + '>' + tip + '</td></tr></table>';

     divTooltip.style.posLeft = divTooltip.style.left = getX(obj)+20;
     divTooltip.style.posTop  = divTooltip.style.top  = getY(obj)+14 ;
     divTooltip.style.visibility = "";
  }
 }
function showSmilie(obj)
{
	var obj = document.getElementById("smilies");
	createTooltipDiv();
	var divTooltip = getTooltipDiv();
	obj.onclick = hideSmilie;
    divTooltip.innerHTML = '<TABLE cellpadding=0 cellspacing=0 style="background-color:#777697;'
       + 'font:8pt ms sans serif;padding:2px 2px 2px 2px;color:INFOTEXT;border:1px solid INFOTEXT;">'
       + '<TR><TD align="left" width=20>' + 
		'<a href="javascript:smilie(1);"><img src="../images/smilies/corky.gif"></a><br><a href="javascript:smilie(2)"><img src="../images/smilies/happy.gif"></a><br><a href="javascript:smilie(3)"><img src="../images/smilies/blah.gif"></a><br><a href="javascript:smilie(4)"><img src="../images/smilies/laughing.gif"></a><br><a href="javascript:smilie(5)"><img src="../images/smilies/wink.gif"></a><br><a href="javascript:smilie(6)"><img src="../images/smilies/sad.gif"></a><br><a href="javascript:smilie(7)"><img src="../images/smilies/tounge.gif"></a>'   
       + '</td></tr></table>';

     divTooltip.style.posLeft = divTooltip.style.left = getX(obj);
     divTooltip.style.posTop  = divTooltip.style.top  = getY(obj)+25 ;
     divTooltip.style.visibility = "";
	 document.getElementById("to").style.visibility="hidden"; 
}
function hideSmilie() {
	var obj = document.getElementById("smilies");
	var divTooltip = getTooltipDiv();
	if (divTooltip) 
		divTooltip.innerHTML = "";
	obj.onclick = showSmilie;
	document.getElementById("to").style.visibility="";
}