function borrar(){
	document.getElementById('boton').onclick=createHTML; 
	document.getElementById('boton').value="Aņadir beneficiarios";
	
	document.getElementById('cuerpo').removeChild(document.getElementById('tr1'));
	document.getElementById('cuerpo').removeChild(document.getElementById('tr2'));
	document.getElementById('cuerpo').removeChild(document.getElementById('tr3'));
	document.getElementById('cuerpo').removeChild(document.getElementById('tr4'));
	document.getElementById('cuerpo').removeChild(document.getElementById('tr5'));
	document.getElementById('cuerpo').removeChild(document.getElementById('tr6'));
	document.getElementById('aqui').removeChild(document.getElementById('cuerpo'));
}

function createHTML(){
	
	document.getElementById('boton').onclick=borrar; 
	document.getElementById('boton').value="Eliminar beneficiarios"; 
	var root=document.getElementById('aqui');
	var oTbody=root.appendChild(document.createElement("tbody"));
	oTbody.id="cuerpo";
	var oTr=oTbody.appendChild(document.createElement("tr"));
	with(oTr){
	
	id="tr1";
	className="fondo-azul";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	with(oTd){
	
		
	style.textAlign="right";
	style.paddingRight="1.2em";
	}
	
	
	var oText = oTd.appendChild (document.createTextNode("Nombre y Apellidos:"));
	var oTd=oTr.appendChild(document.createElement("td"));
	var oInput=oTd.appendChild(document.createElement("input"));
	with(oInput){
	
		name="nombre2";
		type="text";
		
		className="concolor";
		size="50";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	oTd.value="&nbsp;"
	
	
	var oTr=oTbody.appendChild(document.createElement("tr"));
	with(oTr){
	
	id="tr2";
	className="fondo-azul";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	with(oTd){
	
		
	style.textAlign="right";
		style.paddingRight="1.2em";
	}
	
	
	var oText = oTd.appendChild (document.createTextNode("DNI:"));
	var oTd=oTr.appendChild(document.createElement("td"));
	var oInput=oTd.appendChild(document.createElement("input"));
	with(oInput){
	
		name="dni2";
		type="text";
		
		className="concolor";
		size="50";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	
	///////////////////////
	
	var oTr=oTbody.appendChild(document.createElement("tr"));
	with(oTr){
	
	id="tr3";	
	className="fondo-azul";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	with(oTd){
	
		
	style.textAlign="right";
		style.paddingRight="1.2em";
	}
	
	
	var oText = oTd.appendChild (document.createTextNode("Nombre y Apellidos:"));
	var oTd=oTr.appendChild(document.createElement("td"));
	var oInput=oTd.appendChild(document.createElement("input"));
	with(oInput){
	
		name="nombre3";
		type="text";
		
		className="concolor";
		size="50";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	
	
	
	var oTr=oTbody.appendChild(document.createElement("tr"));
	with(oTr){
	
	id="tr4";	
	className="fondo-azul";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	with(oTd){
	
		
	style.textAlign="right";
		style.paddingRight="1.2em";
	}
	
	
	var oText = oTd.appendChild (document.createTextNode("DNI:"));
	var oTd=oTr.appendChild(document.createElement("td"));
	var oInput=oTd.appendChild(document.createElement("input"));
	with(oInput){
	
		name="dni3";
		type="text";
		
		className="concolor";
		size="50";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	
	
	
	///////////
	
	
	var oTr=oTbody.appendChild(document.createElement("tr"));
	with(oTr){
	
	id="tr5";	
	className="fondo-azul";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	with(oTd){
	
		
	style.textAlign="right";
		style.paddingRight="1.2em";
	}
	
	
	var oText = oTd.appendChild (document.createTextNode("Nombre y Apellidos:"));
	var oTd=oTr.appendChild(document.createElement("td"));
	var oInput=oTd.appendChild(document.createElement("input"));
	with(oInput){
	
		name="nombre4";
		type="text";
		
		className="concolor";
		size="50";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	
	
	
	var oTr=oTbody.appendChild(document.createElement("tr"));
	with(oTr){
	
	id="tr6";	
	className="fondo-azul";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	with(oTd){
	
		
	style.textAlign="right";
		style.paddingRight="1.2em";
	}
	
	
	var oText = oTd.appendChild (document.createTextNode("DNI:"));
	var oTd=oTr.appendChild(document.createElement("td"));
	var oInput=oTd.appendChild(document.createElement("input"));
	with(oInput){
	
		name="dni4";
		type="text";
		
		className="concolor";
		size="50";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	
}


function visualizar_combo_numeros() {
	if (document.getElementById('familiares').style.display == "none") {
		document.getElementById('familiares').style.display = "";
		document.getElementById('num_fam').value = "0";
		agregar_familiar();
	}
}

function ocultar_combo_numeros() {
	document.getElementById('familiares').style.display = "none";
	document.getElementById('num_fam').value = "0";
	contenedor = document.getElementById('datos_familiares');
	while (contenedor.hasChildNodes()) {
		contenedor.removeChild(contenedor.lastChild);
	}
}

function quitar_familiar() {
	contenedor = document.getElementById('datos_familiares');
	if (document.getElementById('num_fam').value > 1) {
		if (contenedor.hasChildNodes()) {
			contenedor.removeChild(contenedor.lastChild);
			contenedor.removeChild(contenedor.lastChild);
			contenedor.removeChild(contenedor.lastChild);
		}
		document.getElementById('num_fam').value-=1;
	}
}

function agregar_familiar() {
	contenedor = document.getElementById('datos_familiares');
	numero = (contenedor.childNodes.length / 3) + 1;
	document.getElementById('num_fam').value = numero;
	var oTr=contenedor.appendChild(document.createElement("tr"));
	with(oTr){
	
	id="tr1";
	className="fondo-azul";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	with(oTd){
	
		
	style.textAlign="right";
	style.paddingRight="1.2em";
	}
	
	
	var oText = oTd.appendChild (document.createTextNode("Nombre y Apellidos:"));
	var oTd=oTr.appendChild(document.createElement("td"));
	var oInput=oTd.appendChild(document.createElement("input"));
	with(oInput){
	
		name="nombre" + numero;
		type="text";
		
		className="concolor";
		size="50";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	oTd.value="&nbsp;"
	
	
	var oTr=contenedor.appendChild(document.createElement("tr"));
	with(oTr){
	
	id="tr2";
	className="fondo-azul";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	with(oTd){
	
		
	style.textAlign="right";
		style.paddingRight="1.2em";
	}
	
	
	var oText = oTd.appendChild (document.createTextNode("DNI:"));
	var oTd=oTr.appendChild(document.createElement("td"));
	var oInput=oTd.appendChild(document.createElement("input"));
	with(oInput){
	
		name="dni" + numero;
		type="text";
		
		className="concolor";
		size="50";
	}
	
	var oTd=oTr.appendChild(document.createElement("td"));
	oTd.value="&nbsp;"
	
	var oTr=contenedor.appendChild(document.createElement("tr"));
	with(oTr){
	
	id="tr2";
	className="fondo-azul";
	}
	
	
	var oTd=oTr.appendChild(document.createElement("td"));
	with(oTd){
	
		
	style.textAlign="right";
		style.paddingRight="1.2em";
	}
	
	
	var oText = oTd.appendChild (document.createTextNode("Fecha de nacimiento:"));
	var oTd=oTr.appendChild(document.createElement("td"));
	var oInput=oTd.appendChild(document.createElement("input"));
	with(oInput){
	
		name="fnacimiento" + numero;
		type="text";
		
		className="concolor";
		size="50";
	}
	
	var oTd=oTr.appendChild(document.createElement("td"));
	oTd.value="&nbsp;"
}

