/** LogConsole (v 0.2)
* Copyright (c) 2006 William Beh
*	Usage:
*	Include prototype.js, logconsole.js and logconsole.css into the page
* 	var logConsole = new LogConsole();
*		logConsole.enable(true); //false to disable;
*		logConsole.logMsg("message"); //log message;
*		logConsole.logError("error message"); //log error message;
**/
var LogConsole = Class.create();
var consoleDiv = "<div id=\"logconsole\" style=\"display:none\"><div id=\"logtitle\">Log Console" +
						 "<span id=\"logclose\">hide</span></div>" +
						 "<div id=\"logitem\"></div><div id=\"logoption\">" +
						 "<input type=\"button\" class=\"logbutton\"  id=\"logclear\" value=\"Clear\">" +
						 "<input type=\"checkbox\" value=\"Message\" id=\"logcheckmsg\" checked>Messages" +
						 "<input type=\"checkbox\" value=\"Error\" id=\"logcheckerror\" checked>Errors" +
						 "</div></div>";
LogConsole.prototype = {
	initialize:function(){
		var body = document.getElementsByTagName("body");
		new Insertion.Bottom(body[0], consoleDiv);
		Event.observe($("logclear"), 'click', function(){$("logitem").innerHTML ="";}, false);
		Event.observe($("logcheckmsg"), 'click', this.logHideMsg, false);
		Event.observe($("logcheckerror"), 'click', this.logHideError, false);
		Event.observe($("logclose"), 'click', this.logClose, false);
	},
	enable:function(option){
		if(option){Element.show("logconsole")}
	},
	logError:function(msg){
		if($F("logcheckerror") == "Error"){
			new Insertion.Bottom("logitem", "<div class=\"logtypeerror\"><span class=\"lerror\">Error</span>" + msg + "</div>")
		}
	},
	logMsg:function(msg){
		if($F("logcheckmsg") == "Message"){
			new Insertion.Bottom("logitem", "<div class=\"logtypemsg\"><span class=\"lmsg\">Msg</span> " + msg + "</div>")
		}
	},
	logHideMsg:function(){
		$A($$('.logtypemsg')).each(function(i){
			Element.toggle(i);
		});
	},
	logHideError:function(ele){
		$A($$('.logtypeerror')).each(function(i){
			Element.toggle(i);
		});
	},
	logClose:function(){
		if($("logclose").innerHTML == "hide"){$("logclose").innerHTML = "show";}
		else{$("logclose").innerHTML = "hide";}
		Element.toggle("logitem");
		Element.toggle("logoption");
	}
};