function toggleShowPhoto(thisItem, mode, id, src, name, age) {
	var divId = 'showPhotoWidget_'+mode+(id ? '_'+id : '');
	
	if (getElement(divId)) {
		getElement(divId).parentNode.removeChild(getElement(divId));
	} else {
		var newDiv = document.createElement('DIV');
		newDiv.id = divId;
		newDiv.className = 'showPhotoWidget';
		newDiv.innerHTML = showPhotoWidget(mode, src, name, age, id);
		newDiv.style.zIndex = 99999;
		newDiv.style.position = 'fixed';
		newDiv.style.background = '#F6FBFF';
		newDiv.style.border = '3px solid #7fa9D3';
		setPhotoWidgetPosition(thisItem, newDiv);
		getElement('mainContent').appendChild(newDiv);
	}
}

function showPhotoWidget(mode, src, name, age, id) {

	var iHTML = '';

iHTML +='  <TABLE cellSpacing="5" cellPadding="5" width="400" border="0">';
iHTML +='    <TR>';
iHTML +='      <TD width="38px"><img src="/sites/default/themes/ABCdelBebe/images/iconos/comunidad.gif" alt="Login" width="49" height="38" /></TD>';
iHTML +='      <TD><A class="typebutton" onclick="toggleShowPhoto(this, \'topPhoto\',\''+id+'\',\'\',\'\',\'\'); return false;" href="javascript:void(0);">Cerrar</A></TD>';
iHTML +='    </TR>';
iHTML +='    <TR>';
iHTML +='      <TD width="38px"></TD>';
iHTML +='      <TD>';
iHTML +='			 	<IMG src="'+src+'" width="250" height="380" alt="" align="center" style="border:2px solid #7fa9D3"/>';
iHTML +='      	<P><BR/></P>';
iHTML +='      	<P>';
iHTML +='      		<font color="#7fa9D3"><b>Nombre: </b></font>'+name;
iHTML +='      		<br/>';
iHTML +='      		<font color="#7fa9D3"><b>Edad: </b></font>'+age;
iHTML +='      	</P>';
iHTML +='      	<P><BR/></P>';
iHTML +='      </TD>';
iHTML +='    </TR>';
iHTML +='  </TABLE>';

	return iHTML;
}

function getElement(id) {
	return document.getElementById(id);
}

function setPhotoWidgetPosition(thisItem, newDiv) {
		topItem = thisItem.parentNode;
		
		if ((screen.width > 399) && (screen.height > 510)){
			var size_ancho = screen.width;
			var size_alto = screen.height;
			size_ancho = ((size_ancho - 400)/2);
			size_alto = ((size_alto - 510)/4);
			newDiv.style.left = size_ancho+'px';
			newDiv.style.top = size_alto+'px';			
		} else {
			newDiv.style.top = '30px';
			newDiv.style.left = '150px';
		}
}