var PictureDivID = "pictid";
var iFrameDivID = "pictiframeid";

function ausbl(){
  parent.document.getElementById("loadd").style.display = 'none';
  parent.document.getElementById("loadd").style.visibility = 'hidden';
}

function displayPicture(name, displayBesidesThisObject)
{
  targetField = document.getElementById(displayBesidesThisObject);
  if(!targetField) return;
  var x = targetField.offsetLeft + targetField.offsetWidth;
  var y = targetField.offsetTop;
  var parent = targetField;
  while (parent.offsetParent) {
    parent = parent.offsetParent;
    x += parent.offsetLeft;
    y += parent.offsetTop ;
  }
  drawPicture(x, y, name);
}
function hidePicture()
{
  var picDiv = document.getElementById(PictureDivID);
  if (picDiv){
    picDiv.style.visibility = "hidden";
    picDiv.style.display = "none";
    adjustiFrame();
  }
}
function drawPicture(x, y, name)
{
  if (!document.getElementById(PictureDivID)) {
    var newNode = document.createElement("div");
    newNode.setAttribute("id", PictureDivID);
    newNode.setAttribute("style", "visibility: hidden;");
    document.body.appendChild(newNode);
  }

  // draw the Picture
  var htm = "<img src=\"" + name + "\"></img>";
  var picDiv = document.getElementById(PictureDivID);
  picDiv.innerHTML = htm;

  picDiv.style.position = "absolute";
  picDiv.style.left = x + "px";
  picDiv.style.top = y + "px";
//  picDiv.style.visibility = (picDiv.style.visibility == "visible" ? "hidden" : "visible");
//  picDiv.style.display = (picDiv.style.display == "block" ? "none" : "block");
  picDiv.style.visibility = "visible";
  picDiv.style.display = "block";
  picDiv.style.zIndex = 5050;


  // add an "iFrame shim" to allow the datepicker to display above selection lists
  adjustiFrame();
}

function adjustiFrame(pictureDiv, iFrameDiv)
{
  var is_opera = navigator.userAgent.toLowerCase().indexOf("opera");
  if(is_opera > -1)
    return;
  try {
    if (!document.getElementById(iFrameDivID)) {
      var newNode = document.createElement("iFrame");
      newNode.setAttribute("id", iFrameDivID);
      newNode.setAttribute("src", "javascript:false;");
      newNode.setAttribute("scrolling", "no");
      newNode.setAttribute ("frameborder", "0");
      document.body.appendChild(newNode);
    }
    if (!pictureDiv)
      pictureDiv = document.getElementById(PictureDivID);
    if (!iFrameDiv)
      iFrameDiv = document.getElementById(iFrameDivID);

      iFrameDiv.style.position = "absolute";
      iFrameDiv.style.width = pictureDiv.offsetWidth+"px";
      iFrameDiv.style.height = pictureDiv.offsetHeight+"px";
      iFrameDiv.style.top = pictureDiv.style.top;
      iFrameDiv.style.left = pictureDiv.style.left;
      iFrameDiv.style.zIndex = pictureDiv.style.zIndex - 1;
      iFrameDiv.style.visibility = pictureDiv.style.visibility ;
      iFrameDiv.style.display = pictureDiv.style.display;
    } catch(e) {}
}
