// function popup_show(id, drag_id, exit_id, position, x, y, position_id)

Popup = {

popup_display: function(x) {
  var win = window.open();
  for (var i in x) win.document.write(i+' = '+x[i]+'<br>');
},

// ----- popup_exit ------------------------------------------------------------

popup_close: function() {
  document.getElementById('thumber_popup').style.visibility = 'hidden';
  document.getElementById('thumber_popup').style.display = 'none';
  document.getElementById('thumber_feedback').value = '';
  document.getElementById('thumber_submit').disabled = true;
},

popup_submit: function() {
  var feedback = document.getElementById('thumber_feedback').value;
  document.getElementById('thumber_popup').style.visibility = 'hidden';
  document.getElementById('thumber_popup').style.display = 'none';
  document.getElementById('thumber_feedback').value = '';
  document.getElementById('thumber_submit').disabled = true;
  return feedback;
},

// ----- popup_show ------------------------------------------------------------

popup_show: function(id, position, x, y, position_id) {

  element      = document.getElementById(id);
  element.style.position   = "absolute";
  element.style.display    = "block";
  element.style.visibility    = "visible";

  if (position == "element-right" || position == "element-bottom")
  {
    var position_element = document.getElementById(position_id);

    for (var p = position_element; p; p = p.offsetParent)
      if (p.style.position != 'absolute')
      {
        x += p.offsetLeft;
        y += p.offsetTop ;
      }

    if (position == "element-right" ) x += position_element.clientWidth;
    if (position == "element-bottom") y += position_element.clientHeight;

    element.style.left = x+'px';
    element.style.top  = y+'px';
  }
}

} // end class