/**
 * Preenche um <select> a partir do item selecionado em outro <select>
 * @component <select> de destino, que recebera o resultado
 * @id ID usado para filtrar a consulta
 * @url URL que recebera a requisicao via ajax
 */
function listaCidade(component, uf, url) {
  dados = {'uf':uf};
  $("#"+component).html('<option value="0">Carregando...</option>');

  $.ajax({
    type: "GET",
    url: url,
    data: dados,
    success: function(retorno) {
      $("#"+component).empty();
      $("#"+component).append(retorno+'\n');
      /* $.each(retorno, function(i, item){
          $('#teste').append(item[0]);
          $("#"+component).append('<option value="'+item.pk+'">'+item.fields["cidade"]+'</option>');
      }); */

    },
    error: function(error) {
      $(error).each(function(e, erro) {
        alert('Erro: '+erro.statusText);
      });
    }
  });
}

function verifyAjax(field, component, url) {
  component.css({'border':'1px solid #d1d1d1'});
  var value = component.val();
  if (value != '') {
    var dados;
    dados = {'field':field, 'value': value}
    $.ajax({
      type: 'GET',
      url: url,
      dataType: "json",
      data: dados,
      success: function(retorno) {
        if (retorno == 'ok') {
          component.css({'border':'1px solid red'});
          alert(value+' já está em uso.');
          component.focus();
        }
      },
      error: function(error) {
        alert('Erro: '+error);
      }
    });
  }
}