
function initTooltip() {
	var smButtons = document.getElementById("sm_buttons").getElementsByTagName('a');
	
	var tooltipContainer = document.createElement("div");
	tooltipContainer.setAttribute("id","tooltipContainer");
	var tooltipCaption = document.createElement("span");
	tooltipCaption.setAttribute("id","tooltipCaption");
    var tooltipArrow = document.createElement("span");
	tooltipArrow.setAttribute("id","tooltipArrow");
	tooltipArrow.innerHTML = "&diams;";
	tooltipContainer.appendChild(tooltipCaption)
	tooltipContainer.appendChild(tooltipArrow);
	document.getElementById("sm_buttons").appendChild(tooltipContainer);
	
	
	for(var i = 0; i < smButtons.length; i++)
{
 smButtons[i].setAttribute("onmouseover","showTooltip(this)");

}

	
}

 function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft-180;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop-93;
  }


function showTooltip(button) {


  var captions = button.getElementsByTagName("img");
  var caption = captions[0].getAttribute("alt");
  document.getElementById("tooltipCaption").innerHTML = caption;
  document.getElementById("tooltipContainer").style.left = findPosX(button) + "px";
  document.getElementById("tooltipContainer").style.top = findPosY(button) + "px";
    
  
  

}
