function removeObservers(txt) {	
	var elements = $$('.clientList a');
	elements.each(function(el) {
		Event.stopObserving(el, 'click');
		el.removeClassName('active');
	});	
}

function addStyle(el) {
	el.addClassName('active');
}

function showDetail(content, el) {
	removeObservers(el);
	Effect.SlideLeftOut('detail-effect', {duration: .4, queue: 'end'});		
	Element.update.delay(.4, $('detail-content'), $(content).innerHTML);	
	Effect.SlideRightIn.delay(.8,'detail-effect', {duration: .4, queue: 'end', afterFinish:addObservers});	
	addStyle(el);
}

function addObservers() {
	var elements = $$('.clientList a');
	elements.each(function(el) {
		var id = el.readAttribute('id');
		el.observe('click', showDetail.curry(id+'-content', el));		
	});	
}

function loadContent() {
	var elements = $$('.clientList a');
	elements.each(function(el) {
		if (el.hasClassName('start')) {
			var id = el.readAttribute('id');		
			Element.update($('detail-content'), $(id+'-content').innerHTML);
			addStyle(el);			
		}
	});
}

Event.observe(window, 'load', function() {
	addObservers();
	loadContent();
});