/* Fancy tooltip plugin example - can place this in a file */

function hideTooltip() {
    var existing = $(document.body).getElement('.tooltip-box');
    if (existing !== null)
      existing.dispose(); 
}

function showTooltip(target, content) {
    /* Calculate properties of object being hovered over */
    var dimensions = target.getCoordinates();
    var hoverOverLeftOffset = dimensions.left; /* Left offset of object being hovered over */
    var hoverOverTopOffset = dimensions.top; /* Topoffset of object being hovered over */
    var hoverOverWidth = dimensions.width; /* Width of object being hovered over */

    /* Remove any existing tooltips */
    hideTooltip();

    var tooltip = new Element('div', { 'class': 'tooltip-box' }); /* Create tooltip */
    tooltip.innerHTML = content; /* Set tooltip content */
    
    /* Position tooltip relative to hover object and reveal */
    tooltip.setStyle('left', hoverOverLeftOffset  + hoverOverWidth + "px");
    tooltip.setStyle('top', hoverOverTopOffset + "px");
    tooltip.setStyle('position', "absolute");
    tooltip.setStyle('display', "block");  
  
    tooltip.inject(target, 'after'); /* Append new tooltip */  
}


function ShowDynamic(target)
{
  showTooltip(target,$(document.body).getElement('.toolinfo' + target.id).innerHTML);
}
/* End File */