Banco de dados e Java

Olá.


tenho este  scritp em minha Página

CODE:
<script type="text/javascript">
   
        /*
            Array bidimensonal com as fotos e informações da cada empreendimento.
            Cada vetor interno possui a seguinte estrutura:
            - Elementos 0 - 3 : fotos do empreendimento
            - Elemento 4 : nome do empreendimento
            - Elemento 5 : link para informações do empreendimento, com url "query string" (o ? e tudo após o nome da página) com o id do empreendimento
        */
       
        var arrayEmpreendimentos = new Array(
            new Array(
                "jd_higienopolis/02_empreendimento_(development)/gde/0121_-_pergalado_full.jpg",
                "jd_higienopolis/02_empreendimento_(development)/gde/0394_-_portaria_full.jpg",
                "jd_higienopolis/02_empreendimento_(development)/gde/0470_-_hall_social_full.jpg",
                "jd_higienopolis/02_empreendimento_(development)/gde/0630_-_fachada_full.jpg",
                "Jardim Higienópolis",
                "empreendimentoDetalhe_fichaTecnica.aspx?id=1"
            ),           
            new Array(
                "maison_ephigenio_salles/02_empreendimento_(development)/03_implantacao_site_plan_full.jpg",
                "maison_ephigenio_salles/02_empreendimento_(development)/04_hall_lobby_full.jpg",
                "maison_ephigenio_salles/02_empreendimento_(development)/05_stand_show_room_full.jpg",
                "maison_ephigenio_salles/02_empreendimento_(development)/02_fachada_noturna_night_facade_full.jpg",
                "Maison Ephigenio Sales",
                "empreendimentoDetalhe_fichaTecnica.aspx?id=2"
            )
        );
        // contadores e constantes
        var empreendimento = 0;
        var informacao = 0;
        var MAX_LINHA = arrayEmpreendimentos.length - 1;
        var MAX_COLUNA = 3;
       
        $(function() {
           
            //$("#divLoader").hide();
                  
            // inicialização
            $("#divContainerConteudo").css("background", "url('images/empreendimentos/" + arrayEmpreendimentos[0][0] + "') no-repeat center center");
            $("#divRodape h1").html(arrayEmpreendimentos[0][4]);
            $("#divRodape a").attr("href", arrayEmpreendimentos[0][5]);
            // loop interna da função, com tempo em ms.
            setInterval("trocaImagem()", 5000);
        });
       
        function trocaImagem() {               
                $("#divLoader").show();
               
                $('<img />').attr("src", "images/empreendimentos/" + arrayEmpreendimentos[empreendimento][informacao]).load(function(){
                    $("#divContainerConteudo").fadeOut("slow", function(){
                        $("#divContainerConteudo").css("background-image", "url('images/empreendimentos/" + arrayEmpreendimentos[empreendimento][informacao] + "')");                       
                    });
                        $("#divContainerConteudo").fadeIn("slow");
                        $("#divLoader").hide();
                });               
               
                $("#divRodape h1").html(arrayEmpreendimentos[empreendimento][4]);
                $("#divRodape a").attr("href", arrayEmpreendimentos[empreendimento][5]);
           
            // faz a transição entre fotos e empreendimentos
            if (informacao == MAX_COLUNA) {
                informacao = 0;
                empreendimento = (empreendimento == MAX_LINHA) ? 0 : empreendimento + 1;
            }
            else informacao++;
        }
       
    </script>


NA PARTE grifada   estão informações que estao em um banco de dados,



como acrescentar estas,   puxando direto do banco,   quando a página abrir????


Grato pela ajuda