Javascript Footnote Creator

var Footnote = Class.create({
	initialize: function(element) {
		var notes = this.findNotes();
		var number = notes.select('li').length + 1;
 
		var ref = document.createElement('a');
		ref.className = 'footnote-reference';
		ref.href = '#footnote-' + number;
		ref.id = 'reference-' + number;
		ref.appendChild(document.createTextNode(number));
		element.parentNode.insertBefore(ref, element);
 
		$(element).removeClassName('footnote')
 
		var li = document.createElement('li');
		li.className = 'footnote';
		li.id = 'footnote-' + number;
		li.appendChild(element);
 
		var backref = document.createElement('a');
		backref.className = 'footnote-backreference';
		backref.href = '#reference-' + number;
		backref.appendChild(document.createTextNode("\u21A9"));
		li.appendChild(document.createTextNode(" "));
		li.appendChild(backref)
 
		notes.appendChild(li);
	},
	findNotes: function() {
		return $('notes');
	}
});
 
Event.observe(window, 'load', function() {
	$$('.footnote').each(function(e) {new Footnote(e)});
})