/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */




/******************************************************************************/
/******************************************************************************/
/******************************************************************************/


var envio;
var nomeParticipante        = false;
var crachaParticipante      = false;
var nascimentoParticipante  = false;
var sexoParticipante        = false;
var rgParticipante          = false;
var cpfParticipante         = false;
var enderecoParticipante    = false;
var complementoParticipante = false;
var bairroParticipante      = false;
var numeroParticipante      = false;
var cepParticipante         = false;
var cidadeParticipante      = false;
var ufParticipante          = false;
var emailParticipante       = false;
var dddParticipante         = false;
var telefoneParticipante    = false;


function enviar(){
  if ( $('.participante').length > 0 ) {
    if( validarAcompanhante() ){
      dados = serializa();
      $.post("request/etapa_quatro.php", {envio:dados}, function (data){$("#resultado").html(data)});
    }
  } else {
    alert("Nenhum participante inscrito.\nPor favor realiza a inscrição de pelo menos um participante.");
  }
}


function cancelaEdicao(){
  $("#formParticipante").clearForm();
  $("#formParticipante").find("input[@name='sexoParticipante']")[0].checked = true;
  $('#idParticipante').val("");
  $("#bto_cancelar").remove();
  $("#bto_participante").attr("src","/21eescon/imagens/icones/inserir-participante.png");
}

function editar(ref){
 numParticipante = $('.participante').index($( ref ).parent().parent().parent().parent()[0]);
 dados = $( ref ).parent().parent().parent().parent().find('span.dadosParticipante');
    $("#idParticipante").val(numParticipante);
    $("#nomeParticipante").val($(dados[0]).text());
    $("#crachaParticipante").val($(dados[1]).text());
    $("#nascimentoParticipante").val($(dados[2]).text());
    $("input[@name='sexoParticipante'][value='" + $(dados[3]).text() + "']")[0].checked = true;
    $("#rgParticipante").val($(dados[4]).text());
    $("#cpfParticipante").val($(dados[5]).text());
    $("#enderecoParticipante").val($(dados[6]).text());
    $("#numeroParticipante").val($(dados[7]).text());
    $("#complementoParticipante").val($(dados[8]).text());
    $("#bairroParticipante").val($(dados[9]).text());
    $("#cepParticipante").val($(dados[10]).text());
    $("#ufParticipante").val($(dados[11]).text());
    $("#cidadeParticipante").val($(dados[12]).text());
    $("#emailParticipante").val($(dados[13]).text());
    $("#dddParticipante").val($(dados[14]).text());
    $("#telefoneParticipante").val($(dados[15]).text());
    $("#bto_participante").attr("src","/21eescon/imagens/icones/salvar-participante.png");
    if( $("#bto_cancelar")[0] == undefined ) {
      $("#bto_participante").after('<input type="image" src="imagens/icones/cancelar-participante.png" style="margin-left:10px;" id="bto_cancelar" onclick="cancelaEdicao()" />');
    }
}


function validarParticipante( ref ){

    $(ref).find(':text,:radio:checked').each(function(i){
      if ( $(this).hasClass("obrigatorio") && $(this).val() == "" ) {
        alert("Preencha o campo " + this.name.replace("Participante", ""));
        this.focus();
        return false;
      } else {
        this.value = this.name != "emailParticipante" ? $(this).val().toUpperCase() : $(this).val();
        eval ( this.name + " = '" + $(this).val().replace(/'/g,"").replace(/"/g,"") + "';" );
      }
    });
}



function defineNomeCampoSexo( numParticipante ) {
  var participante = numParticipante;
  $($('.participante')[participante]).find('.DadosAcompanhante').each(function(){
    numAcompanhante = $($('.participante')[participante]).find('.DadosAcompanhante').index(this);
    $(this).find('input[@name^=sexoAcompanhante]').attr("name",'sexoAcompanhante_' + participante + '_' + numAcompanhante);
  });
}

function insereAcompanhante( ref ){
    var referencia = ref;
    novaLinha = '<tr class="DadosAcompanhante NaoSalva">' +
                 '<td align="center"><input type="text" class="CampoTexto" name="nomeAcompanhante" maxlength="180" size="44" id="nomeAcompanhante" /></td>' +
                 '<td align="center"><input type="text" class="CampoTexto" name="crachaAcompanhante" maxlength="100" size="10" id="crachaAcompanhante" /></td>' +
                 '<td align="center"><input type="text" class="CampoTexto dateinput soNumero" name="nascimentoAcompanhante" maxlength="10" size="10" id="nascimentoAcompanhante" /></td>' +
                 '<td align="center"><input type="radio" name="sexoAcompanhante" class="sexoAcompanhante" checked="checked" value="m" /><span>&nbsp;Masculino&nbsp;</span><input type="radio" name="sexoAcompanhante" class="sexoAcompanhante" value="f" /><span>&nbsp;Feminino</span></td>' +
                 '<td align="center"><div class="Icone Excluir RemoveAcompanhante" title="Excluir Acompanhante"></div></td>' +
                '</tr>';
    $(referencia).parent().parent().before(novaLinha);
    refLinha		= $(referencia).parent().parent();
    numParticipante	= $('.participante').index( $(refLinha).parent().parent()[0]);
    $($('.participante')[numParticipante]).find('.DadosAcompanhanteCabecalho').show();
    numAcompanhante	= $(refLinha).parent().parent().find(".DadosAcompanhante").index( refLinha.parent().parent().find(".NaoSalva")[0] );
    $($('.participante')[numParticipante]).find('.DadosAcompanhanteCabecalho').css('visibility','visible');
    defineNomeCampoSexo(numParticipante);

    $("input[@name='crachaAcompanhante']").unbind('focus');
    $("input[@name='crachaAcompanhante']").focus(function(){
      if(	$(this).val() == "" && (nomeAcompanhante = $(this).parent().parent().find("input[@name='nomeAcompanhante']").val()) != ""  ){
              crachaAcompanhante = nomeAcompanhante.split(" ")[0];
              $(this).val(crachaAcompanhante);
      }
    });


    $('.RemoveAcompanhante').unbind('click');
    $('.RemoveAcompanhante').click(function(){
      removeAcompanhante(this);
    });

    $('.DadosAcompanhante').find(':text').unbind('change');
    $('.DadosAcompanhante').find(':text').change(function(){
      if ( $(this).val().replace(/ /g,"") != "") {
        $(this).removeClass("CampoTextoErro");
      }
    });


    $('.DadosAcompanhante').find(':text').focus(function(){
      if ( $(this).val().replace(/ /g,"") != "") {
        $(this).removeClass("CampoTextoErro");
      }
    });


    $($('.participante')[numParticipante]).find('.NaoSalva').find('.dateinput').datepicker();
}




function habilitaFormParticipante(){
  $("#nascimentoParticipante").datepicker();
  $("#crachaParticipante").focus(function(){
    if( $(this).val() == "" && (nomeAcompanhante = $("#nomeParticipante").val()) != "" ){
      crachaAcompanhante = nomeAcompanhante.split(" ")[0];
      $(this).val(crachaAcompanhante);
    }
  });
}







///////////////////////////////////////////////////////////////////////////////
//  $("#formParticipante").submit(function(){


function cadastrarParticipante(){

          validarParticipante($("#formParticipante"));
          if ( ( nomeParticipante && crachaParticipante && nascimentoParticipante && sexoParticipante && rgParticipante && cpfParticipante && enderecoParticipante && bairroParticipante && numeroParticipante && cepParticipante && cidadeParticipante && ufParticipante && emailParticipante && dddParticipante && telefoneParticipante ) != false ) {
            if ( isCpfCnpj(cpfParticipante ) ){
              if ( isMail( emailParticipante )) {
                if ( $('#idParticipante').val() != ("" && undefined && null )){
                  dados = $($('.participante')[$('#idParticipante').val()]).find('span.dadosParticipante');
                  $(dados[0]).text(nomeParticipante);
                  $(dados[1]).text(crachaParticipante);
                  $(dados[2]).text(nascimentoParticipante);
                  $(dados[3]).text(sexoParticipante);
                  $(dados[4]).text(rgParticipante);
                  $(dados[5]).text(cpfParticipante);
                  $(dados[6]).text(enderecoParticipante);
                  $(dados[7]).text(numeroParticipante);
                  $(dados[8]).text(complementoParticipante);
                  $(dados[9]).text(bairroParticipante);
                  $(dados[10]).text(cepParticipante);
                  $(dados[11]).text(ufParticipante);
                  $(dados[12]).text(cidadeParticipante);
                  $(dados[13]).text(emailParticipante);
                  $(dados[14]).text(dddParticipante);
                  $(dados[15]).text(telefoneParticipante);
                  $('#idParticipante').val("");
                  cancelaEdicao();
                } else {

                  tabela = 	'<table class="participante" cellpadding="0" border="0" cellspacing="0">' +
                              '<tr class="linhaParticipanteCabecalho">' +
                                '<td align="left" colspan="5">' +
                                  '<span class="RemoveParticipante"><div class="Icone Excluir" title="Excluir Participante"></div></span>' +
                                  '<div class="Icone Editar" title="Editar Participante"></div>&nbsp;&nbsp;&nbsp;&nbsp;' +
                                    '<span>Participante:&nbsp;' +
                                      '<span class="dadosParticipante dados">' + nomeParticipante  + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + crachaParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + nascimentoParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + sexoParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + rgParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + cpfParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + enderecoParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + numeroParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + complementoParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + bairroParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + cepParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + ufParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + cidadeParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + emailParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + dddParticipante + '</span>' +
                                      '<span class="dadosParticipante invisivel dados">' + telefoneParticipante + '</span>' +
                                    '</span>' +
                                   '</td>' +
                                  '</tr>' +
                                  '<tr class="linhaParticipanteCabecalho">' +
                                    '<td height="1" colspan="5">' +
                                           '<hr/>' +
                                    '</td>' +
                                   '</tr>' +
                                   '<tr class="linhaParticipante DadosAcompanhanteCabecalho">' +
                                    '<td width="218" align="center">Nome</td>' +
                                    '<td width="84" align="center">Crachá</td>' +
                                    '<td width="82" align="center">Nascimento</td>' +
                                    '<td width="150" align="center">Sexo</td>' +
                                    '<td width="32"></td>' +
                                   '</tr>' +
                                   '<tr class="DadosParticipante">' +
                                    '<td align="center" class="opcoesAcompanhante" colspan="5">' +
                                           '<div class="Icone Adicionar maisAcompanhante AdicionarAcompanhante" title="Novo Acompanhante"></div>' +
                                    '</td>' +
                                   '</tr>' +
                                  '</table>';
                    $('#msgRetorno').append(tabela);
                }
                nomeParticipante        = false;
                crachaParticipante      = false;
                nascimentoParticipante  = false;
                sexoParticipante        = false;
                rgParticipante          = false;
                cpfParticipante         = false;
                enderecoParticipante    = false;
                numeroParticipante      = false;
                complementoParticipante = false;
                bairroParticipante      = false;
                cepParticipante         = false;
                cidadeParticipante      = false;
                ufParticipante          = false;
                emailParticipante       = false;
                dddParticipante         = false;
                telefoneParticipante    = false;

                $("#formParticipante").clearForm();
                $("#formParticipante").find("input[@name='sexoParticipante']")[0].checked = true;
              }else{
      		alert('E-mail inválido!');
              }
            } else {
              alert('CPF inválido');
            }
          }
          $('.maisAcompanhante').unbind('click');
          $('.maisAcompanhante').click(function(){
                  insereAcompanhante(this);
          });

          $('.Editar').unbind('click');
          $('.Editar').click(function(){
                  editar(this);
          });


          $('.RemoveParticipante').unbind('click');
          $('.RemoveParticipante').click(function(){
                  removeParticipante(this);
          });
//          return false;





//  });


}





















function validarAcompanhante(){
  var inconsistencia = false;
  $(".DadosAcompanhante").find(':text').each(function(){
    if( ( $(this).val().replace(/ /g,"") == "" ) ) {
      $(this).addClass("CampoTextoErro");
      inconsistencia = true;
    }
  });
  if( inconsistencia ){
    alert("Existem campos obrigatórios que não estão preenchidos.\nPor favor complete o cadastro.");
    return false;
  } else {
    return true;
  }
}

                        
function removeAcompanhante(ref){
  numParticipante	= $('.participante').index(	$( ref ).parent().parent().parent().parent()[0]	);
  $( ref ).parent().parent().find('.dateinput').datepicker("destroy");
  $( ref ).parent().parent().remove();

   if ( $($('.participante')[numParticipante]).find('.DadosAcompanhante').length < 1 ) {
     $($('.participante')[numParticipante]).find('.DadosAcompanhanteCabecalho').css('visibility','hidden');
   }

}

function removeParticipante(ref){
 numParticipante = $('.participante').index( $(ref).parent().parent().parent().parent()[0] )
// $($('.participante')[numParticipante]).remove();
// if ( parseInt($('#idParticipante').val()) == numParticipante ){
   cancelaEdicao();
// }
 $($('.participante')[numParticipante]).remove();
 $('.participante').each(function(i){
        defineNomeCampoSexo(i);
 });
/*
$("#formParticipante").clearForm();
$("#formParticipante").find("input[@name='sexoParticipante']")[0].checked = true;
*/
}





function serializa(){
  envio = '$inscricoes = array(\n';
  $('.participante').each(function(i){
           dadosParticipante = $(this).find('span.dadosParticipante');
           envio += "array(\n" ;
           envio += "'" + $(dadosParticipante[0]).text() + "',";
           envio += "'" + $(dadosParticipante[1]).text() + "',";
           envio += "'" + $(dadosParticipante[2]).text() + "',";
           envio += "'" + $(dadosParticipante[3]).text() + "',";
           envio += "'" + $(dadosParticipante[4]).text() + "',";
           envio += "'" + $(dadosParticipante[5]).text() + "',";
           envio += "'" + $(dadosParticipante[6]).text() + "',";
           envio += "'" + $(dadosParticipante[7]).text() + "',";
           envio += "'" + $(dadosParticipante[8]).text() + "',";
           envio += "'" + $(dadosParticipante[9]).text() + "',";
           envio += "'" + $(dadosParticipante[10]).text() + "',";
           envio += "'" + $(dadosParticipante[11]).text() + "',";
           envio += "'" + $(dadosParticipante[12]).text() + "',";
           envio += "'" + $(dadosParticipante[13]).text() + "',";
           envio += "'" + $(dadosParticipante[14]).text() + "',";
           envio += "'" + $(dadosParticipante[15]).text() + "',";
           envio += "array(";
           $(this).find('.DadosAcompanhante').each(function(i){
                  dadosAcompanhante = $(this).find(':text,:radio:checked');
                  envio += "array(";
                  envio += "'" + $(dadosAcompanhante[0]).val() + "',";
                  envio += "'" + $(dadosAcompanhante[1]).val() + "',";
                  envio += "'" + $(dadosAcompanhante[2]).val() + "',";
                  envio += "'" + $(dadosAcompanhante[3]).val() + "'";
                  envio += ")";
                  envio += i + 1 < $(this).parent().find('.DadosAcompanhante').length ? "," : "";
           });
           envio += ")";
           envio += ")";
           envio += i + 1 < $('.participante').length ? ",\n" : "\n";
  });
  envio += ");";
  return envio;
//  $("#teste1").val(envio);
}
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/