Ajuda com script de imagens

Olá, sou novo no fórum e estou começando a aprender o básico de programação.

Estou querendo fazer um Widget com imagens aleatórias que são mudadas cada vez que a pagina do site é carregada... Na verdade já tenho um código para isso, porém, gostaria de simplificar com javascript, por exemplo, tenho o seguinte script:

<script language="JavaScript">
var quotes=new Array()
quotes[0]='<a href="[http://meusite.com/link-1](http://meusite.com/link-1)"target="_blank"><img src="http://meusite.com/imagem-1" width="300" height="250"></a>'
quotes[1]='<a href="[http://meusite.com/link-2](http://meusite.com/link-2)"target="_blank"><img src="http://meusite.com/imagem-2" width="300" height="250"></a>'
quotes[2]='<a href="[http://meusite.com/link-3](http://meusite.com/link-3)"target="_blank"><img src="http://meusite.com/imagem-3" width="300" height="250"></a>'
var whichquote=Math.floor(Math.random()*(quotes.length))

document.write(quotes[whichquote]) </script> Colocando esse código na minha Widget tudo funciona muito bem, porém, eu gostaria de adicionar cerca de 500 links e ficaria um código imenso pra carregar... Chegando ao ponto, eu gostaria de criar um arquivo.js com esse script, contendo os 500 links ou mais, fazer o upload desse arquivo no servidor e somente no meu Widget eu iria chamar esse arquivo, por exemplo:

<script type='text/javascript' src='http://meusite.com/scripts/imagens.js'></script>
Não sei se é assim, é somente um exemplo.
O problema é que não sei como fazer a ligação entre o script e o arquivo e não encontro em lugar algum, não me parece ser tão complicado de se fazer.
É isso, espero que alguém entenda o que eu quero fazer e que possa me ajudar.
Grato desde já.