Resultado de um select para popular lista Javascript

Bom dia.
Estou batendo cabeça aqui para encotrar uma forma de se fazer isso.
Tenho um javascript que nada mais é do que um banner que fica mostrando textos armazemados em um array.

var tickercontents=new Array()
tickercontents[0]='Welcome to Technologu';
tickercontents[1]='The Page Generator!';
tickercontents[2]='http://www.test.com;

Só que este codigo é fixo e preciso fazer com que o resultado de um select, seja passado para o javascript populando esse array.
Não sei se posso fazer isso diretamente no javascript ou preciso fazer a consulta normamente em uma dao e passar algum parametro para o javascript.

alguma sugestão???
Segue o codigo inteiro para analise:

<div style="position:relative;left:0px;top:0px">
<span id="highlighter" style="position:absolute;left:0;top:0;font-size:12px;font-family:Arial;background-color:#FFFF00;clip:rect(0px 0px auto 0px)"></span>
</div>

<script type="text/javascript">

/*
Highligher Scroller script- By JavaScript Kit
For this and over 400+ free scripts, visit http://www.javascriptkit.com/
This notice must stay intact
*/

var tickercontents=new Array()
tickercontents[0]='Welcome to Technologu';
tickercontents[1]='The Page Generator!';
tickercontents[2]='http://www.test.com

// delay btw messages
var tickdelay=3000; 
// 10 pixels at a time.
var highlightspeed=10; 

////Do not edit pass this line////////////////
var currentmessage=0;
var clipwidth=0;

function changetickercontent()
{
   crosstick.style.clip="rect(0px 0px auto 0px)";
   crosstick.innerHTML=tickercontents[currentmessage];
   highlightmsg();
}

function highlightmsg()
{
   var msgwidth=crosstick.offsetWidth;
   if (clipwidth<msgwidth)
   {
      clipwidth+=highlightspeed;
      crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)";
      beginclip=setTimeout("highlightmsg()",20);
   }
   else
   {
      clipwidth=0;
      clearTimeout(beginclip);
      if (currentmessage==tickercontents.length-1) currentmessage=0;
      else currentmessage++;
      setTimeout("changetickercontent()",tickdelay);
   }
}

function start_ticking()
{
   crosstick = document.getElementById("highlighter");
   crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement;
   if (parseInt(crosstick.offsetHeight)>0)
      crosstickParent.style.height=crosstick.offsetHeight+'px';
   else
      setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100); 
   changetickercontent();
}

start_ticking();

</script>

Não é lá muito “elegante” mas funciona

[code]

var a = new Array(); <% List l = (List)request.getAttribute("suaLista"); for (int i = 0; i < l.size(); i++) { out.print("a = ["+i+"] = '" + l.get(i) +"';"); } %>[/code]