function filtrar_estados(){
    jQuery('#estado').html('<option>carregando...</option>');

    jQuery.ajax({
        url: 'lojas/filter',
        dataType: "json",
        type: 'post',
        data: 'format=json&field=estado&categoria=all',
        success: function(data){
            var html = '<option>- Selecione o Estado</option>';
            for(var i=0; i < data.length ; i++){
                html += '<option>'+data[i].estado+'</option>';
            }
            jQuery('#estado').html(html);
        }
    });
}


function filtrar_cidades(){
    jQuery('#cidade').html('<option>carregando...</option>');
		jQuery('#cidade').attr('disabled','disabled');
    jQuery('#bairro').html('<option>- Selecione o Bairro</option>');		
		jQuery('#bairro').attr('disabled','disabled');		
    jQuery.ajax({
        url: 'lojas/filter',
        dataType: "json",
        type: 'post',
        data: 'format=json&categoria=all&field=cidade&estado='+jQuery('#estado').val(),
        success: function(data){
            var html = '<option>- Selecione a Cidade</option>';						
						if(data){
							jQuery('#cidade').attr('disabled','');
						}
            for(var i=0; i < data.length ; i++){
                html += '<option>'+data[i].cidade+'</option>';
            }
            jQuery('#cidade').html(html);
        }
    });
}



function filtrar_bairros(){
    jQuery('#bairro').html('<option>carregando...</option>');
    jQuery.ajax({
        url: 'lojas/filter',
        dataType: "json",
        type: 'post',
        data: 'format=json&categoria=all&field=bairro&estado='+jQuery('#estado').val()+'&cidade='+jQuery('#cidade').val(),
        success: function(data){
            if(data.length > 0){
                var html = '<option>- Selecione o Bairro</option>';
								jQuery('#bairro').attr('disabled','');
                for(var i=0; i < data.length ; i++){
                    html += '<option>'+data[i].bairro+'</option>';
                }
                jQuery('#bairro').html(html);
            }else{
                jQuery('#bairro').html('');
            }
        }
    });
}

function carregar_loja(){
    jQuery('#endereco').html('carregando...');
    jQuery.ajax({
        url: 'lojas/loja',
        type: 'post',
        data: 'estado='+jQuery('#estado').val()+'&categoria=all&cidade='+jQuery('#cidade').val()+'&bairro='+jQuery('#bairro').val(),
        success: function(html){
            jQuery('#endereco').html(html);
        }
    });
}


jQuery(function(){
	jQuery('#cidade').html('<option>- Selecione a Cidade</option>');
	jQuery('#bairro').html('<option>- selecione o Bairro</option>');
	jQuery('#cidade').attr('disabled','disabled');
	jQuery('#bairro').attr('disabled','disabled');
	
    jQuery.ajax({
        url: 'lojas/json',
        dataType: "json",
        success: function(data){
            localidades = data;

            filtrar_estados();
        }
    })

    jQuery('#estado').change(function(){
        filtrar_cidades();
    });

    jQuery('#cidade').change(function(){
        filtrar_bairros();
    });

    jQuery('#bairro').change(function(){
        carregar_loja();
    });

});