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