var consoleTimeout;
var consoleLife = 4000;

function trace(message, clear) {
    if (document.domain.indexOf("dev.flipp.ca") > -1) {
		clearTimeout(consoleTimeout);
		if (!$("#console").length > 0) {
			$("body").append("<div id=\"console\"><p></p></div>");
			$("#console").css({
				"position":"fixed",
				"bottom":"0",
				"left":"0",
				"width":"100%",
				"height":"auto",
				"max-height":"200px",
				"overflow":"scroll",
				"background-color":"#000",
				"color":"#0F0",
				"border-top":"1px solid #CCC",
				"display":"none",
				"font-family":"arial",
				"font-size":"12px",
				"overflow":"scroll"
			});
			$("#console p").css({
				"padding":"8px",
				"margin":"0"
			});
			$("#console").slideDown(500);
			$("#console").mouseover(consoleOver);
			$("#console").mouseout(consoleOut);
		}
		if (clear) {
			$("#console p").html("");
		}
		$("#console p").html($("#console p").html() + message + "<br />");
		consoleTimeout = setTimeout(clearConsole, consoleLife);
	}
}

function consoleOver(event) {
	clearTimeout(consoleTimeout);
	$(this).css("border", "1px solid #F00");
}

function consoleOut(event) {
	consoleTimeout = setTimeout(clearConsole, consoleLife);
	$(this).css("border", "none");
	$(this).css("border-top", "1px solid #CCC");
}

function clearConsole() {
    $("#console").slideUp(500, function(){
        $("#console").remove();
    });
}