function load_img_hover(e, elem_id, img_src, img_width, img_height, xOffset, yOffset, trans, bgcolor) {

  var obj = document.getElementById(elem_id);
  var browser_size = get_x_browser_size();
  var tooltip_width = img_width;
  var tooltip_height = img_height;

  obj.style.backgroundColor = bgcolor;

  if (document.all) {
    y = event.clientY + document.body.scrollTop;
    x = event.clientX;
  } else {
    y = e.pageY;
    x = e.pageX;
  }
  x += xOffset;
  y += yOffset;

  var xOffsetDifference = Math.abs(browser_size[0] - x);
  var yOffsetDifference = Math.abs(browser_size[1] - y);

  if (x > browser_size[0]-tooltip_width) {
    if (x > browser_size[0]-tooltip_width && x < browser_size[0]) {
      //x -= (tooltip_width-xOffsetDifference);
      x -= (tooltip_width+20);
    } else{
      x -= (xOffsetDifference)
    }
  }

  if (y > browser_size[1]-tooltip_height) {
    if (y > browser_size[1]-tooltip_height && y < browser_size[1]) {
      y -= (tooltip_height-yOffsetDifference);
    } else{
      y -= (yOffsetDifference)
    }
  }

  obj.style.position = "absolute";

  if (document.layers) {
    obj.style.top = y;
    obj.style.left = x;
  } else {
    obj.style.top = y + "px";
    obj.style.left = x + "px";
  }

  obj.style.display = "block";
  obj.innerHTML = "<img src='" + img_src + "' width='" + img_width + "' height='" + img_height + "px' border='0' alt='zoom image'/>";
  //obj.style.filter = "Alpha(opacity="+trans+")";
  document.getElementById("mouse_xy").style.color = "#BA0404";
  //document.getElementById("mouse_xy").style.font-size = "15px";
}

function clear_tooltip(elem_id) {
  var obj = document.getElementById(elem_id);
  obj.style.display = "none";
  document.getElementById("mouse_xy").style.color = "#000000";
}
