--- no_pager/jquery-log.js	2006/08/18 11:54:32	30
+++ no_pager/jquery-log.js	2006/08/18 15:35:54	37
@@ -4,13 +4,12 @@
 	2006-08-18 Dobrica Pavlinusic <dpavlin@rot13.org>
 */
 
-var _log_count = {
-	info: 0,
-	debug: 0,
-	error: 0
-};
+var _log_count;
 
 $.log = {
+
+	/* semi-private functions */
+
 	join: function(a) {
 		var m = '';
 		for (var i=0; i<a.length; i++)
@@ -18,34 +17,59 @@
 		return m;
 	},
 
+	insert: function(class, m) {
+		if (! _log_count) this.create();
+
+		_log_count[ class ]++;
+
+		var html = '<div class="jql-' + class + '">' + m + '</div>';
+		$('#jql').append( html );
+		//$('#jql').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>'
+		);
+	},
+
+	/* public functions */
+
+	create: function() {
 
-	counter: function() {
-		$('#debug-counter').html(
-			'<span class="log-info">'+_log_count.info+'</span> ' +
-			'<span class="log-debug">'+_log_count.debug+'</span> ' +
-			'<span class="log-error">'+_log_count.error+'</span>'
+		$('body').append(
+		'<div id="jql" class="jql">' +
+		'<a class="hide" href="#" onclick="javascript:return $.log.toggle();">X</a>' +
+		'</div>' +
+		'<div id="jql-show" class="jql">' +
+		'<a class="hide" href="#" onclick="javascript:return $.log.toggle();"><span id="jql-counter">?</span></a>' +
+		'</div>'
 		);
+
+		_log_count = {
+			info: 0,
+			debug: 0,
+			error: 0
+		};
+
+		this.debug('created logger');
+	},
+
+	toggle: function() {
+		$('#jql').toggle();
+		$('#jql-show').toggle();
+		return false;
 	},
 
 	info: function() {
-		if (arguments) {
-			_log_count.info++;
-			$('#debug').append( '<div class="log-info">'+this.join(arguments)+'</div>' );
-			this.counter();
-		}
+		if (arguments) this.insert( 'info', this.join(arguments) );
 	},
 	debug: function() {
-		if (arguments) {
-			_log_count.debug++;
-			$('#debug').append( '<div class="log-debug">'+this.join(arguments)+'</div>' );
-			this.counter();
-		}
+		if (arguments) this.insert( 'debug', this.join(arguments) );
 	},
 	error: function() {
-		if (arguments) {
-			_log_count.error++;
-			$('#debug').append( '<div class="log-error">'+this.join(arguments)+'</div>' );
-			this.counter();
-		}
-	},
+		if (arguments) this.insert( 'error', this.join(arguments) );
+	}
 };
+