function Pad(output) {
	this.output = document.getElementById(output);
	this.css = {
		main: {
			width: "120px",
			height: "80px",
			background: "#fff",
			border: "1px dotted #f90"
		},

		grip: {
			width: "120px",
			height: "15px",
			background: "#fec",
			border: "1px dotted #f90"
		},

		p: {
			font: "normal 10pt sans-serif",
			lineHeight: "100%",
			margin: "0",
			padding: "10px"
		}
	}

Pad.prototype.createPad = function(id, x, y, message) {
		var pad = document.createElement("div");
		pad.setAttribute("id", id);
		pad.style.position = "absolute";
		pad.style.left = x + "px";
		pad.style.top = y + "px";
		pad.style.width = this.css.main.width;
		pad.style.height = this.css.main.height;
		pad.style.background = this.css.main.background;
		pad.style.border = this.css.main.border;
		pad.style.zIndex = this.output.childNodes.length;

		var grip = document.createElement("div");
		grip.style.width = this.css.grip.width;
		grip.style.height = this.css.grip.height;
		grip.style.background = this.css.grip.background;
		grip.style.borderBottom = this.css.grip.border;
		pad.appendChild(grip);

		var p = document.createElement("p");
		p.style.font = this.css.p.font;
		p.style.lineHeight = this.css.p.lineHeight;
		p.style.margin = this.css.p.margin;
		p.style.padding = this.css.p.padding;
		var messageText = message;
		var messageNode = document.createTextNode(messageText);
		p.appendChild(messageNode);
		pad.appendChild(p);

		this.output.appendChild(pad);
	}
}