$(document).ready(function(){

     $('#id_cidade1').change(function(){
         if( $(this).val() != '' ) {             
             $('#loja1').hide();
             $('.carregando1').show();
             $.getJSON('select_loja.php?search=',{id_cidade: $(this).val(), ajax: 'true'}, function(j){
                 var options = '<option value="">Escolha a loja</option>';;
                 for (var i = 0; i < j.length; i++) {
                    options += '<option value="' + j[i].id_loja + '">'+ j[i].logradouro + ' - ' + j[i].bairro + '</option>';
                 }
                 $('#loja1').html(options).show();
                 $('.carregando1').hide();
                 $('#mostrar_loja').fadeIn(500);
             });
         } else if($(this).val() == ''){
             $('#mostrar_loja').fadeOut(1000);
             $('#loja1').html('<option value="">Escolha a cidade</option>');
         } else {             
             $('#loja1').html('<option value="">Escolha a loja</option>');
         }
     });

     $('#loja1').change(function(){
        var id_loja = $('#loja1').val();
        var xvar = $('#xxvar').val();
        $.ajax({
           dataType:'json',
           type: 'get',
           url:"funcoes-lojas.php",
           data:"id_loja=" + id_loja +"&xvar=" + xvar +"&acao=mudar_loja",
           cache:false,
           timeout:2500,
           beforeSend:function(){
               $('.carregando2').show();
           },

           complete:function(){
               $('.carregando2').hide();
           },

           success:function(data){
                if(data.loja == 1){
                    $('.loja_fixa2').fadeOut(1000);
                    $('.loja_fixa').html('Você está na loja '+data.nome_loja);
                    $('.loja_fixa').fadeIn(1000);
                    $('#logo_loja').html('<img src="logo_lojas/'+data.logo+'" alt="" name="quadrologo" width="343" height="303" border="0" usemap="#quadrologoMap" id="quadrologo2" />');
                    $('body').css('background-image','url(imagens/'+data.fundo+')');
                    $('#banner_loja').html('<img src="mini.php?arquivo=banners/'+data.banner+'&largura=634&altura=145" border="0" id="quadrobanner2" alt=""/>');
                    if(data.xvar == 'tabloide-ofertas'){
                        location = "index.php"
                    } else if(data.xvar == 'nossas-lojas'){

                        $('#end').val(data.nome_loja);

                        $('#ricoy_2').html('<b>Você está na loja '+data.nome_loja+'</b><br/><br/>');
                        if(data.telefones != ''){
                            $('#telefones_2').html('<b>Telefone(s) para contato:</b><br/> '+data.telefones+'<br/><br/>');
                        }
                        if(data.horario != ''){
                            $('#horario_2').html('<b>Horario de funcionamento:</b><br/> '+data.horario+'<br/><br/>');
                        }
                        if(data.info != ''){
                            $('#info_2').html('<b>Informações:</b><br/> '+data.info+'<br/><br/>');
                        }
                        if(data.servicos != ''){
                            $('#servicos_2').html('<b>Serviços:</b><br/> '+data.servicos+'<br/><br/>');
                        }

                        var address = data.nome_loja;
                        geocoder.geocode( { 'address': address}, function(results, status) {
                          if (status == google.maps.GeocoderStatus.OK) {
                            map.setCenter(results[0].geometry.location);
                            var marker = new google.maps.Marker({
                                map: map,
                                position: results[0].geometry.location,
                                title:"Ricoy"
                            });
                          }
                        });
                        if(data.cidade != ''){
                            var retorno1;
                            retorno1 = '<tr>'+
                                          '<td>'+
                                              '<div align="left" id="ricoy1">'+
                                                '<span class="textonormal"><b>Existem mais lojas em '+ data.cidade +'</b></span>'+
                                              '</div>'+
                                          '</td>'+
                                       '</tr>'
                            $('#outras_lojas1').append(retorno1);
                        }

                        $.each(data,function(i,a){
                            if(i == "endereco"){

                                $.each(a, function(b,c){

                                      var retorno;
                                      retorno = '<tr>'+
                                                  '<td>'+
                                                      '<div align="justify" id="ricoy" style="padding-left: 20px; padding-top: 5px;">'+
                                                        '<img src="imagens/marcador.png" border="0"/>&nbsp;&nbsp;<a href="index.php?xvar=nossas-lojas&id='+ c.id_loja2 +'"><span>'+ c.loja +'</span></a>'+
                                                      '</div>'+
                                                  '</td>'+
                                                 '</tr>'

                                      $('#outras_lojas').append(retorno);
                                });

                            }
                        });
                    }
                }
           }
        });
     });
});