function WidgetViadeo() {}

WidgetViadeo.prototype.show = function(clicked, url) {
  var clickedLeft = 0;
  var clickedTop = 0;
  
  var parent = clicked;  
  while (parent != document.body) {
    clickedLeft += parent.offsetLeft;
    clickedTop += parent.offsetTop;
    parent = parent.offsetParent;
  }
  
  var widget = document.createElement("div");
  widget.id = "widget-viadeo";
  widget.style.top = clickedTop + "px";
  widget.style.left = clickedLeft + "px";
  
  var close = document.createElement("a");
  close.className = "close";
  close.onclick = function() {
    WidgetViadeo.prototype.close(this);
  };
  
  var iframe = document.createElement("iframe");
  iframe.frameBorder = "0";
  iframe.scrolling = "no";
  iframe.src = url;
  
  widget.appendChild(close);
  widget.appendChild(iframe);
  
  if (document.getElementById("widget-viadeo")) {
    document.body.replaceChild(widget, document.getElementById("widget-viadeo"));
  } else {
    document.body.appendChild(widget);
  }
  
};

WidgetViadeo.prototype.close = function(clicked) {
  document.body.removeChild(clicked.parentNode);
};