
function showPopImg(elemId,imgSrc,dimX,dimY){
  var elemObj = document.getElementById(elemId);
  var posY;
  var posX;
  
  var par = elemObj.parentNode;
  while(!par.id && par){ // climb out until we find an elem with an id
    par = par.parentNode;
  }
  
  var offsetX = par.offsetLeft + elemObj.offsetLeft;
  var offsetY = par.offsetTop + elemObj.offsetTop;
  
  if (offsetY < dimY) posY = offsetY / 2 ;
  else posY = offsetY - 20;
  
  if (offsetX < dimX) posX = offsetX + 30;
  else posX = offsetX - dimX - 10;
  
  var newImg = document.createElement('img');
  newImg.style.width = dimX+'px';
  newImg.style.height = dimY+'px';
  newImg.style.position = 'absolute';
  newImg.style.top = posY+'px';
  newImg.style.left = posX+'px';
  newImg.id = elemId+'_pop';
  newImg.src = imgSrc;
  newImg.style.border = '#33d solid 3px';
  
  var containElem = par.parentNode;
  containElem.appendChild(newImg);
  
// alert (containElem.id);
// alert('top - '+posY+', left - '+posX)
}

function hidePopImg(elemId){
  var popImg = document.getElementById(elemId+'_pop');
  
  popImg.parentNode.removeChild(popImg);
}
