Event.observe(window, 'load', function() {
	$$('#centro .expandable').each(function(item) {

		item.select('.entry').each(function(entry) {
			entry.addClassName('collapsed');
			entry.handler = entry.select('.handler')[0];
			entry.body = entry.select('.body')[0];
			entry.handler.handled = entry;

			// No deberķa hacer falta borrarlo porque tiene un display none, pero IE deja un espacio entre los elementos...
			entry.body.remove();
		});

		item.observe('click', function(event) {
			var item = event.element().handled || event.element();
			if (!item.hasClassName('collapsed')) return;

			item.adjacent('.expanded').each(function(expanded) {
				expanded.removeClassName('expanded').addClassName('collapsed').body.remove();
			});
			item.appendChild(item.body);
			item.removeClassName('collapsed').removeClassName('hover').addClassName('expanded');
		});

		item.observe('mouseover', function(event) {
			var item = event.element().handled || event.element();
			if (!item.hasClassName('collapsed')) return;
			item.addClassName('hover');
		});

		item.observe('mouseout', function(event) {
			var item = event.element().handled || event.element();
			item.removeClassName('hover');
		});

	});
});