function DebugPane()
{
	this.messageLimit = 10;

	this.Init = function Init()
	{
		this.msgDiv = document.createElement("div");
		document.body.appendChild(this.msgDiv);
		this.msgDiv.style.background = "#ffc0c0";
		this.msgDiv.style.border = "2px solid darkred";
		this.Clear();
	}

	this.Write = function Write(m)
	{
		this.messageList.push("<br>"+m);
		if (this.messageList.length>this.messageLimit)
		{
			var index = 0;
			var howMany = this.messageList.length - this.messageLimit;
			this.messageList.splice(index, howMany);
			//this.messageList.push("<br>cut "+index+" to "+howMany+"; len now "+this.messageList.length);
		}
		this._Update();
	}

	this.Clear = function Clear()
	{
		this.messageList = new Array();
		this._Update();
	}

	this._Update = function _Update()
	{
		this.msgDiv.innerHTML = this.messageList.join("\n");
		this.msgDiv.style.display = (this.messageList.length>0) ? "" : "none";
	}

	this.Init();
	return this;
}

function msg(m)
{
	debugPane.Write(m);
}

function dump(o)
{
	s = "";
	for (k in o)
	{
		s+="<br>"+k+": "+o[k];
	}
	return s;
}
