Background variável e ajustável à tela

Bom dia a todos do Fórum!

Tenho conta por aqui há algum tempo, mas como fiquei afastado da programação, sou praticamente novo por aqui. Portanto, peço desculpas de antemão caso já exista um tópico assim...

Gostaria, por gentileza, do apoio de vocês para a seguinte dúvida.

Preciso de um backgroung que seja variável (altere a imagem a ser exibida) e que seja ajustável à resolução do usuário.

Eu consegui esse código abaixo.

Mas nem por reza brava estou conseguindo fazer com que as imagens se ajustem automaticamente, sem distorções. Alguém pode me dar uma luz, por favor? O que e onde devo mexer?

Obrigado!

Código:

-
<script type="text/javascript">// <![CDATA[

-
var imageCount = 0;

-
var currentImage = 0;

-

var images = new Array();

-

-
images[0] = 'ENDERECO DA IMAGEM';

-
images[1] = 'ENDERECO DA IMAGEM';

-
images[2] = 'ENDERECO DA IMAGEM';

-
images[3] = 'ENDERECO DA IMAGEM';

-
images[4] = 'ENDERECO DA IMAGEM';

-

-

var preLoadImages = new Array();

-
for (var i = 0; i < images.length; i++)

• {

-
if (images[i] == "")

-
break;

-

-
preLoadImages[i] = new Image();

-
preLoadImages[i].src = images[i];

-
imageCount++;

• }

-

-
function startSlideShow()

• {

-
if (document.body && imageCount > 0)

• {

-
document.body.style.backgroundImage = "url("+images[currentImage]+")";

-
document.body.style.backgroundAttachment = "fixed";

-
document.body.style.backgroundRepeat = "repeat";

-
document.body.style.backgroundPosition = "left top";

-

-
currentImage = currentImage + 1;

-
if (currentImage > (imageCount-1))

-
{

-
currentImage = 0;

• }

-
setTimeout('startSlideShow()', 3000);

• }
• }

-
startSlideShow();

-
// ]]></script>