var clickbox = {
	container: $$('dl.cb'),
	tabs_and_content: $$('dt.cb', 'dd.cb'),
	init: function(boxes) {
		this.boxes = boxes;
		if (!this.boxes.length) return;
		this.container.invoke('addClassName', 'js');
		this.tabs_and_content.invoke('addClassName', 'js');
		this.apply_events();	
		this.activate(this.boxes[0]);
	},
	activate: function(c) {
		this.tabs_and_content.invoke('removeClassName', 'on');
		$$('dt.cb.'+c, 'dd.cb.'+c).invoke('addClassName', 'on');
	},
	apply_events: function() {
		$$('dt.cb').invoke('observe', 'click', function() {
			var c = this.className.match(/cb ([a-z]+)/)[1];
			clickbox.activate(c);
		});
		Event.observe(window, 'load', function() {
			$$('dd.cb div.media.loading').invoke('removeClassName', 'loading');
		}); 
	}
}