/****************************************************************************
 * Debugger class
 */

function debug(message) { Debugger.show(message); }

Debugger = {
  pane: null,
  show: function(message, reset) {
    if (!Debugger.pane) {
      Debugger.pane = document.createElement("div");
      Debugger.pane.className = "debugger"
      Debugger.pane.style.position = "absolute";
      Debugger.pane.style.top = "0px";
      Debugger.pane.style.left = "0px";
      Debugger.pane.style.width = "100%";
      Debugger.pane.style.zIndex = "1000";
      if (Debugger.pane.style.textAlign) Debugger.pane.style.textAlign = "left;"  // IE bug
      Debugger.pane.style.backgroundColor = "White";
      Debugger.pane.style.borderStyle = "solid";
      Debugger.pane.style.borderWidth = "2px";
      Debugger.pane.style.borderColor = "Black";
      Debugger.pane.style.padding = "5px";
      document.body.appendChild(Debugger.pane);
      Debugger.pane.innerHTML = "<a href='#' style='float:right; padding:2px;' onclick='Debugger.reset()'>Close</a><span></span>";
      Debugger.content = Debugger.pane.childNodes[1];
      Debugger.content.style.color = "Black";
    } else {
      Element.show(Debugger.pane);
    }
    if (reset)
      Debugger.content.innerHTML = message + "<br>";
    else
      Debugger.content.innerHTML += message + "<br>";
  },

  reset: function() {
    if (Debugger.pane) {
      Debugger.content.innerHTML = '';
      Element.hide(Debugger.pane);
    }
  }
};