nombresActivo = false;

// Función para ocultar el listado de nombres (Buscar por Nombre)

function fOcultarListadoNombres( evt ){
	var objectFrom;
	
	if( evt != 1 && evt.srcElement && evt.srcElement.id ){
		objectFrom = evt.srcElement.id; // IE
	}
	if( evt != 1 && evt.target && evt.target.id ){
		objectFrom = evt.target.id; // FF
	}
	
	if( objectFrom != 'txtBuscarPorNombre' && objectFrom != 'bpnListadoNombres' ){
		document.getElementById( 'divImagenPortadaBuscador' ).style.display='none';
		document.getElementById( 'bpnListadoNombres' ).style.display = 'none';
		document.getElementById( 'txtBuscarPorNombre' ).blur();
		// Volvemos a mostrar todos los nombres
		for( bpnNombre in arrBPN ){
			document.getElementById( 'bpnNombre' + arrBPN[ bpnNombre ][ 1 ] ).style.display = 'block';
		}
	}
}

// Función para mostrar el listado de nombres ( Buscar por Nombre )
function fMostrarListadoNombres(){
	document.getElementById( 'bpnListadoNombres' ).style.display = 'block';
}

// Función para filtrar el listado de chicas
function fFiltrarListadoNombres(){
	
	tecladoNombre = document.getElementById( 'txtBuscarPorNombre' ).value;
	tecladoNombre = tecladoNombre.toLowerCase();
	
	if( tecladoNombre.length > 0 ){
		for( bpnNombre in arrBPN ){
			if( arrBPN[ bpnNombre ][ 0 ].indexOf( tecladoNombre ) != 0 ){
				document.getElementById( 'bpnNombre' + arrBPN[ bpnNombre ][ 1 ] ).style.display = 'none';
			} else {
				document.getElementById( 'bpnNombre' + arrBPN[ bpnNombre ][ 1 ] ).style.display = 'block';
			}
		}
	} else {
		for( bpnNombre in arrBPN ){
			document.getElementById( 'bpnNombre' + arrBPN[ bpnNombre ][ 1 ] ).style.display = 'block';
		}
	}	
}

// Función para mostrar la portada de la chica en el listado
function fMostrarPortadaBPN( evt, urlImagen ){
	if( evt.pageX ){ // Mozilla
		imgX = evt.pageX + 16;
		imgY = evt.pageY;
	} else if( evt.clientX ){ // IE
		imgX = evt.clientX + 16 + document.body.parentNode.scrollLeft;
		imgY = evt.clientY + document.body.parentNode.scrollTop;
	}
	document.getElementById( 'bpnImagen' ).src = urlImagen;
	with( document.getElementById( 'divImagenPortadaBuscador' ) ){
		style.display = 'block';
		style.left = imgX + 'px';
		style.top = imgY + 'px';
	}
}