
function clickimage_setClick(e) {
  var el = e.target || e.srcElement;

  // Get mouse click co-ords
  var ePos = {x:0, y:0};
  if('number' == typeof e.pageX) {
    ePos.x = e.pageX;
    ePos.y = e.pageY;
  }else if('number' == typeof e.clientX) {
    ePos.x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
    ePos.y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
  }

  // Get image top left co-ords
  var elPos = {x:0, y:0};
  if(el.offsetParent) {
    elPos.x = el.offsetLeft;
    elPos.y = el.offsetTop;
    while(el = el.offsetParent) {
      elPos.x += el.offsetLeft;
      elPos.y += el.offsetTop;
    }
  }

  // Write relative position of click to form controls
  var myX = (ePos.x - elPos.x);
  var myY = (ePos.y - elPos.y);
  document.getElementById('edit-clickimage-dotx').value = myX;
  document.getElementById('edit-clickimage-doty').value = myY;
  
  // Move dot
  clickimage_moveDot(myX, myY);
}

function clickimage_moveDot(x, y) {
  var halfDotSize = 5;
  document.getElementById('clickimage-dot').style.marginLeft = (x - halfDotSize) + "px";
  document.getElementById('clickimage-dot').style.marginTop = (y - halfDotSize) + "px";
}

