var keeled;

document.observe("dom:loaded", function() {
	keeled = $$('#keeled a');
	for(i=0;i<keeled.length;i++){
		if(i==0){
			keeled[i].addClassName('active');
		} else {
			keeled[i].removeClassName('active');
		}
		keeled[i].observe('click', view);
	}
});

function view(event) {
	var element = event.element();
	keeled.each(function(i){
		if(i == element){
			$(i.id+'-content').show();
			element.addClassName('active');
		} else {
			$(i.id+'-content').hide();
			i.removeClassName('active');
		}
	});
}