$(document).ready(function() {
	// Isso aqui precisa de um rework, mas desse jeito pelo menos
	// ta centralizando coisas comuns
	var temp = function(postdata,populate,first_elem_text) {
        populate.attr("disabled", "disabled").html("<option>Carregando... aguarde.</option>");
		$.ajax({
			url: '/webservices/',
			data: postdata,
			success: function(data) {
				populate.empty().removeAttr('disabled').each(function() {
					var $this = $(this);
					var html = '';
					var fragment = document.createDocumentFragment();
					var temp = document.createElement('option');
					var child = temp.cloneNode(true);
					child.innerHTML = first_elem_text;
					fragment.appendChild(child);
					for(var i=0,len=data.items.length ; i < len ; i++) {
						child = temp.cloneNode(true);
						child.setAttribute('value',data.items[i].id);
						child.innerHTML = data.items[i].nome;
						fragment.appendChild(child);
					}
					$this.append(fragment);
				});
			}
		});
	};

/************ COMBOS DE PAÍS/ESTADO/CIDADE ************/

/** Nascimento **/
	$('select[name^="id_pais_nascimento"]').bind('change',function() {
		temp({ format: 'json', name: 'pais', action: 'estados', id: $(this).val() }, $('select[name^="'+this.name.replace('pais','estado')+'"]'), 'Escolha um estado')
		$('select[name^="'+this.name.replace('pais','cidade')+'"]').empty().append('<option value="">Escolha um estado primeiro</option>').attr('selectedIndex',0)
	})

	$('select[name^="id_estado_nascimento"]').bind('change',function() {
		temp({format: 'json', name: 'estado', action: 'cidades', id: $(this).val() }, $('select[name^="'+this.name.replace('estado','cidade')+'"]').attr('selectedIndex',0), 'Escolha uma cidade')
	})

/** Nascimento 2 **/
    $('select[name^="id_pais_nascimento2"]').bind('change',function() {
		temp({ format: 'json', name: 'pais', action: 'estados', id: $(this).val() }, $('select[name^="'+this.name.replace('pais','estado')+'"]'), 'Escolha um estado')
		$('select[name^="'+this.name.replace('pais','cidade')+'"]').empty().append('<option value="">Escolha um estado primeiro</option>').attr('selectedIndex',0)
	})

	$('select[name^="id_estado_nascimento2"]').bind('change',function() {
		temp({ format: 'json', name: 'estado', action: 'cidades', id: $(this).val() }, $('select[name^="'+this.name.replace('estado','cidade')+'"]').attr('selectedIndex',0), 'Escolha uma cidade')
	})

/** Residência **/
	$('select[name^="id_pais_residencia"]').bind('change',function() {
		temp({ format: 'json', name: 'pais', action: 'estados', id: $(this).val() }, $('select[name^="'+this.name.replace('pais','estado')+'"]'), 'Escolha um estado')
		$('select[name^="'+this.name.replace('pais','cidade')+'"]').empty().append('<option value="">Escolha um estado primeiro</option>').attr('selectedIndex',0)
	})

	$('select[name^="id_estado_residencia"]').bind('change',function() {
		temp(data = { format: 'json', name: 'estado', action: 'cidades', id: $(this).val() }, $('select[name^="'+this.name.replace('estado','cidade')+'"]').attr('selectedIndex',0), 'Escolha uma cidade')
	})

/************ FIM COMBOS DE PAÍS/ESTADO/CIDADE ************/

});