var LOGGER_IS_ENABLED = true;

function p(i) {
	if (LOGGER_IS_ENABLED) {
		// firefox with firebug :)
		if (navigator.userAgent.match(/gecko/i) && window.console) {
			console.log(i);
		}
		// others
		else {
			i = Object.inspect(i); // requires Prototype
			var logger = document.getElementById("logger");
			if (!logger) {
				logger = createLogger();
			}
			write(logger, i);
		}
	}
}

function createLogger() {
	var logger = document.createElement("div");
	logger.id = "logger";
	logger.style.fontFamily = 'monospace';
	logger.style.fontSize = "11px";
	logger.style.overflow = "auto";
	logger.style.position = "absolute";
	logger.style.bottom = "0px";
	logger.style.height = "200px";
	logger.style.width = "99%";
	logger.style.backgroundColor = "rgb(245,245,245)";
	document.body.appendChild(logger);
	return logger;
}

function write(logger, s) {
	var p = document.createElement("p");
	p.style.marginTop = "2px";
	p.style.marginBottom = "0px";
	p.style.marginLeft = "0px";
	p.style.paddingLeft = "10px";
	p.style.paddingBottom = "2px";
	p.style.borderBottom = "1px solid rgb(200,200,200)";
	p.appendChild(document.createTextNode(s));
	logger.appendChild(p);
}