gistfile1.js

var Change = function (id, doc) {
	console.log('new change:', id);
	this.id = id;
	this.glyph = $('<p title="' + this.url() + '"></p>')
		.css({ bottom: this.position() })
		.click($.proxy(this.onGlyphClick, this));

	this.changes_in_current_period += 1;

	$('#changes .interval:last')
		.append(glyph)
		.trigger('update_counter');
};

Change.prototype = {
	onGlyphClick: function () {
		document.location.href = this.url();
	},

	url: function () {
		return 'http://' + db.client.host + ':' + db.client.port + '/' + db.name + '/' + this.id
	},

	position: function () {
		return this.changes_in_current_period * 3 + 'px';
	}
};