--- no_pager/jquery-log.js	2006/08/18 13:20:53	34
+++ no_pager/jquery-log.js	2006/08/18 16:53:11	38
@@ -4,7 +4,7 @@
 	2006-08-18 Dobrica Pavlinusic <dpavlin@rot13.org>
 */
 
-var _log_count;
+var _jql;
 
 $.log = {
 
@@ -17,65 +17,87 @@
 		return m;
 	},
 
-	counter: function() {
+	insert: function(class, m) {
+		if (! _jql) this.create();
+
+		_jql.count[ class ]++;
+
+		var html = '<div class="jql-' + class + '"'
+		if ( ! _jql.on[class] ) html += ' style="display:none"';
+		html += '>' + m + '</div>';
+		$('#jql-log').append( html );
+		//$('#jql-log').prepend( html );
+
+		// refresh count
 		$('#jql-counter').html(
-			'<span class="jql-info">'+_log_count.info+'</span> ' +
-			'<span class="jql-debug">'+_log_count.debug+'</span> ' +
-			'<span class="jql-error">'+_log_count.error+'</span>'
+			'<span class="jql-info">'+_jql.count.info+'</span> ' +
+			'<span class="jql-debug">'+_jql.count.debug+'</span> ' +
+			'<span class="jql-error">'+_jql.count.error+'</span>'
 		);
 	},
 
-	toggle: function() {
-		$('#jql').toggle();
-		$('#jql-show').toggle();
-		return false;
-	},
-
 	/* public functions */
 
 	create: function() {
 
 		$('body').append(
-		'<div id="jql" class="jql">' +
-		'<a class="hide" href="#" onclick="javascript:return $.log.toggle();">X</a>' +
-		'</div>' +
+		'<div id="jql" class="jql"><div id="jql-bar">' +
+		'<a href="#" onclick="javascript:return $.log.clean();">clean</a> | ' +
+		'<a href="#" class=".jql-info" onclick="javascript:return $.log.toggle(\'info\');">info</a> ' +
+		'<a href="#" class=".jql-debug" onclick="javascript:return $.log.toggle(\'debug\');">debug</a> ' +
+		'<a href="#" class=".jql-error" onclick="javascript:return $.log.toggle(\'error\');">error</a> | ' +
+		'<a href="#" onclick="javascript:return $.log.toggle();">close</a>' +
+		'</div><div id="jql-log"></div></div>' +
 		'<div id="jql-show" class="jql">' +
-		'<a class="hide" href="#" onclick="javascript:return $.log.toggle();"><span id="jql-counter">?</span></a>' +
+		'<a href="#" onclick="javascript:return $.log.toggle();"><span id="jql-counter">?</span></a>' +
 		'</div>'
 		);
 
-		_log_count = {
-			info: 0,
-			debug: 0,
-			error: 0
+		_jql = {
+			count: {
+				info: 0,
+				debug: 0,
+				error: 0
+			},
+			on: {
+				info: true,
+				debug: true,
+				error: true
+			}
 		};
 
 		this.debug('created logger');
 	},
 
-	info: function() {
-		if (arguments) {
-			if (! _log_count) this.create();
-			_log_count.info++;
-			$('#jql').append( '<div class="jql-info">'+this.join(arguments)+'</div>' );
-			this.counter();
+	/* onclick events */
+
+	toggle: function( what ) {
+		if (what) {
+			$.log.debug('toggle '+what);
+			$('.jql-'+what).toggle();
+			_jql.on[what] = ! _jql.on[what];
+		} else {
+			$.log.debug('toggle logger');
+			$('#jql').toggle();
+			$('#jql-show').toggle();
 		}
+		return false;
+	},
+
+	clean: function() {
+		$('#jql-log').html('');
+	},
+
+	/* public methods to call from your code */
+
+	info: function() {
+		if (arguments) this.insert( 'info', this.join(arguments) );
 	},
 	debug: function() {
-		if (arguments) {
-			if (! _log_count) this.create();
-			_log_count.debug++;
-			$('#jql').append( '<div class="jql-debug">'+this.join(arguments)+'</div>' );
-			this.counter();
-		}
+		if (arguments) this.insert( 'debug', this.join(arguments) );
 	},
 	error: function() {
-		if (arguments) {
-			if (! _log_count) this.create();
-			_log_count.error++;
-			$('#jql').append( '<div class="jql-error">'+this.join(arguments)+'</div>' );
-			this.counter();
-		}
+		if (arguments) this.insert( 'error', this.join(arguments) );
 	}
 };