var DEBUG_ON = false;
var DEBUG_APPEND = false;

$(function() {
		setDebugger(DEBUG_ON);
	}
);

setDebugger = function(onOff) {
	if (onOff) {
		if (document.getElementById("debugBox")) {
			$("#debugBox").show();
			$("#debugClose").show();
		} else {
			dbg = document.createElement("textarea");
			dbg.id = "debugBox";
			dbg.value = "";
			dbg.style.position = "absolute";
			dbg.style.bottom = "0px";
			dbg.style.left = "0px";
			dbg.style.width = "100%";
			dbg.style.height = "20%";
			dbg.style.zIndex = "99999";
			document.body.appendChild(dbg);
	
			dbgClose = document.createElement("span");
			dbgClose.id = "debugClose";
			dbgClose.onclick = function() { setDebugger(false); };
			dbgClose.style.position = "absolute";
			dbgClose.style.bottom = "21%";
			dbgClose.style.right = "0px";
			dbgClose.style.color = "red";
			dbgClose.style.zIndex = "100000";
			dbgClose.innerHTML = "Close Me";
			document.body.appendChild(dbgClose);
		}

		DEBUG_ON = true;
	} else {
		$("#debugBox").hide();
		$("#debugClose").hide();
		DEBUG_ON = false;
	}
}


debug = function(dbgText) {
	if (DEBUG_ON) {
		if (DEBUG_APPEND) {
			document.getElementById("debugBox").value += dbgText;
			document.getElementById("debugBox").value += "\n";
			document.getElementById("debugBox").scrollTop = document.getElementById("debugBox").scrollHeight;
		} else {
			document.getElementById("debugBox").value = dbgText + "\n" + document.getElementById("debugBox").value;
		}
	}
}