var active_details = null
function detailsClick(current) {
	if (active_details && active_details != current) {
		detailsClick(active_details)
		detailsClick(current)
	} else {	

		c = $(current)		
		if (c.hasClassName('details')) {	
			active_details = current			
			Event.observe(document, 'click', closeDetailsClick);
			c.removeClassName('details');
			c.addClassName('detailsCurrent');
			c.appear({duration: 1.0});
		} else if (c.hasClassName('detailsCurrent')) {
			c.removeClassName('detailsCurrent');
			c.addClassName('details')
			c.hide();
			active_details = null
		}
	}
}


function closeDetailsClick(event) {
	el = Event.element(event)
	if (active_details) {
		if (el.inspect() != $(active_details + "_link").inspect() && el.inspect() != $(active_details).inspect()) {
			detailsClick(active_details)
			Event.stopObserving(document, 'click', closeDetailsClick)
		}	
	}
}

// function closeDetailsClick(current) {
// 	c = $(current)	
// 	if (c.hasClassName('detailsCurrent')) {
// 						c.fade()					
// 						c.removeClassName('detailsCurrent');
// 						c.addClassName('details')
// 						active_details = null
// 	} else {
// 		detailsClick(current);
// 	}
// }