
var nPessoas = 0;
var maxPessoas = 5;

function addPessoa()
{

    if ( nPessoas >= maxPessoas - 1 )
    {
        alert("O máximo de indicações é de " + maxPessoas + " pessoas.")
        return;
    }
    
	// verifica
	var oldemail = document.getElementById("emailIndicado_" + nPessoas);
	var oldnome = document.getElementById("nomeIndicado_" + nPessoas);
	var oldtel = document.getElementById("telefoneIndicado_" + nPessoas);

	if ( oldemail.value == "" || oldnome.value == "" || oldtel.value == ""  )
	{
		alert("Preencha os últimos campos adicionados antes de incluir outra pessoa!.");
		oldnome.focus();
		return;
	}

	// proximo
	nPessoas++;

	// conteudo
	var conteudo = document.getElementById("pnlPessoas");

	// nome
	var objNome = document.createElement("input");
	objNome.setAttribute("type","text");
	objNome.id  = "nomeIndicado_" + nPessoas;
	objNome.name  = "nomeIndicado_" + nPessoas;
	objNome.maxlength = 255;
	objNome.style.width = "220px";

	// tel
	var objTel = document.createElement("input");
	objTel.setAttribute("type","text");
	objTel.id  = "telefoneIndicado_" + nPessoas;
	objTel.name  = "telefoneIndicado_" + nPessoas;
	objTel.maxlength = 255;
	objTel.style.width = "220px";
	objTel.onkeydown = new Function("formataTel(this,event)");

	// email
	var objEmail = document.createElement("input");
	objEmail.setAttribute("type","text");
	objEmail.id  = "emailIndicado_" + nPessoas;
	objEmail.name  = "emailIndicado_" + nPessoas;
	objEmail.maxlength = 255;
	objEmail.style.width = "220px";


	// botao++
	var btnadd = document.createElement("input");
	btnadd.type = "button";
	btnadd.id  = "addPessoa_" + nPessoas;
	btnadd.value = "Adicionar";
	btnadd.onclick = addPessoa

	// botao--
	var btnrem = document.createElement("input");
	btnrem.type = "button";
	btnrem.id  = "remPessoa_" + nPessoas;
	btnrem.value = "Remover";
	btnrem.onclick = remPessoa;

	// labels
	var	lblNome = document.createElement("span");
	lblNome.id = "lblNome_" + nPessoas;
	lblNome.innerHTML = "Nome:"
	var	lblTel = document.createElement("span");
	lblTel.id = "lblTel_" + nPessoas;
	lblTel.innerHTML = "Telefone:"
	var	lblEmail = document.createElement("span");
	lblEmail.id = "lblEmail_" + nPessoas;
	lblEmail.innerHTML = "E-mail:"

	
	// container
	var container = document.createElement("div");
	container.id = "container_pessoas_" + nPessoas;
	
	var quebra = function () { return document.createElement('br'); }
	
	// adiciona
	container.appendChild(lblNome);
	container.appendChild(quebra());
	container.appendChild(objNome);
	container.appendChild(quebra());
	container.appendChild(lblTel);
	container.appendChild(quebra());
	container.appendChild(objTel);
	container.appendChild(quebra());
	container.appendChild(lblEmail);
	container.appendChild(quebra());
	container.appendChild(objEmail);
	container.appendChild(quebra());
	container.appendChild(quebra());
	conteudo.appendChild(container);
	
}
function remPessoa(){
	if ( nPessoas == 0 ) {
	    return;
	}
	// conteudo
	var conteudo = document.getElementById("pnlPessoas");
	var container = document.getElementById("container_pessoas_" + nPessoas);
	
	// remove
	conteudo.removeChild(container);

	// ultimo
	nPessoas--;

}



