﻿function ShowToolTip(imageSource, controlId)
{
   var divTooltip = document.getElementById("divImageTooltip");
   var control = document.getElementById(controlId);


   divTooltip.style.marginLeft = control.offsetParent.offsetLeft +30 + "px";
 
   divTooltip.style.marginTop = control.offsetParent.offsetTop + 30 + "px";

   divTooltip.style.zIndex = "0";

   divTooltip.style.visibility = "visible"; 
   document.getElementById("imageTooltip").src = imageSource;
}

function HideTooltip() 
{
   var divTooltip = document.getElementById("divImageTooltip");

   divTooltip.style.visibility = "hidden";
   document.getElementById("imageTooltip").src = "";
}

function getY(oElement) {
   var iReturnValue = 0;
   while (oElement != null) {
      iReturnValue += oElement.offsetTop;
      oElement = oElement.offsetParent;
   }
   return iReturnValue;
}

function getX(oElement) {
   var iReturnValue = 0;
   while (oElement != null) {
      iReturnValue += oElement.offsetLeft;
      oElement = oElement.offsetParent;
   }
   return iReturnValue;
}

function ShowAdsToolTip(imageSource, controlId) {
   var divTooltip = document.getElementById("divImageTooltip");
   var control = document.getElementById(controlId);


   divTooltip.style.marginLeft = getX(control) - 330 + "px";

   divTooltip.style.marginTop = getY(control) - 320 + "px";

   divTooltip.style.zIndex = "0";

   divTooltip.style.visibility = "visible";
   document.getElementById("imageTooltip").src = imageSource;
}
