var threshold = {"desc":"debug","level":3};
debug = true;

//$(document).ready(initLogger);

function initLogger(){
	$("body").append("<div id='logger'></div>");
}

var logger = {
	log : function(msg, level) {
		if ($("#logger")) {
			if (level == "debug" && threshold.level == 3) {
				appendLog(msg, level);
			}
			if (level == "info" && threshold.level >= 2) {
				appendLog(msg, level);
			}
			if (level == "warn" && threshold.level >= 1) {
				appendLog(msg, level);
			}
			if (level == "error") {
				appendLog(msg, level);
			}
		}
	}
};

function appendLog(msg, level) {
	msg = "<p class='" + level + "'>"+ new Date().getMilliseconds() + "::" + msg + "</p>";
	$("#logger").append(msg);
}