function abrirFicha(event, element) {
	event.stop();

	var capote = new Element('div', { 'id' : 'capote', 'styles' : { 'opacity' : '0.7' } });
	var ficha  = $('ficha-wrap');
	var cerrar = $$('div.ficha a')[0];

	var imgSRC   = element.getElement('img').getProperty('src');
	var nameSRC  = element.getElement('strong').get('html');
	var cargoSRC = element.getElement('em').get('html');
	//var descSRC  = element.getElement('div').get('html');
	var descSRC = (element.getElement('p') || element.getElement('div')).get('html');
	
	if( capote ) { capote.destroy(); }

	ficha.getElement('img').setProperty('src', imgSRC);
	ficha.getElement('img').setProperty('alt', nameSRC);
	ficha.getElement('img').setProperty('title', nameSRC);

	ficha.getElement('h5').set('html', nameSRC);
	ficha.getElement('h6').set('html', cargoSRC);
	ficha.getElement('p').set('html', descSRC);

	var capoteHeight = $$('div.directivos')[0].getStyle("height").toInt() + 165;
	//capote.setStyles({'height' : capoteHeight + 'px'});
	(ficha.getElement('p') || ficha.getElement('div')).set('html', descSRC);

	capote.inject( $$('div.directivos')[0] );
	ficha.removeClass('inactive');
  
  // Centrar la capa en el espacio visual del usuario
  var fichaHeight = ($$("div.ficha")[0]).getStyle("height").toInt() + 0;
  var currentScroll = ($(document.body).getScroll()).y + 0;
  var windowHeight = 0;
  
	// all except Explorer
  if (self.innerHeight) { windowHeight = self.innerHeight; }
  // Explorer 6 Strict Mode
  else if (document.documentElement && document.documentElement.clientHeight)	 { 	windowHeight = document.documentElement.clientHeight; }
  // other Explorers
  else if (document.body) {	windowHeight = document.body.clientHeight;}
  
  var newTop = currentScroll + ((windowHeight/2) - (fichaHeight/2)) - 115;
  
  ($("ficha-wrap")).setStyles({"top" : newTop, "position" : "absolute"});
	
	capote.addEvent('click', function(event) {
		ficha.addClass('inactive');
		capote.destroy();
	});
	
	cerrar.addEvent('click', function(event) { 
		event.stop();
		ficha.addClass('inactive');
		capote.destroy();
	});
}

window.addEvent('load', function() {
	$$('div.directivos ul li').each(function(element) {
		element.getElement('a').addEvent('click', function(event) { abrirFicha(event, element); });
		element.getElement('img').addEvent('click', function(event) { abrirFicha(event, element); });
	});
});