Remplazar fondo de un div con onclick en 5 secciones

[Shurik3n]

He intentando de todo y no soy capaz -_-

Tengo 5 secciones y necesito que "#cabecera" cambie la imagen de fondo que dependiendo de la en la seccion que pinche.

Lo poco que tengo y que se me ha ocurrido fue esto.

#cabecera { width: 1000px; height: 200px; border-bottom: 1px solid #fff; background-repeat: no-repeat; background-image: url(../imagenes/cabecera1.jpg); }

<script type="text/javascript">
var imagenfondo = new Array();
imagenfondo[0] = "imagenes/cabecera1.jpg";
imagenfondo[1] = "imagenes/cabecera2.jpg";
imagenfondo[2] = "imagenes/cabecera3.jpg";
imagenfondo[3] = "imagenes/cabecera4.jpg";
imagenfondo[4] = "imagenes/cabecera5.jpg";
function cambiar(cual){
document.getElementById("cabecera").style.backgrou nd = "url('imagenfondo[cual]')";
}
</script>

<div id="cabecera"></div>

<a href="algo.html" onclick="javascript:cambiar(0);">

Logre hacer funcionar esto con un link sin crear el array. Pero ahora para hacerlo con 5 no se que pasa que no soy capaz : /

[Shurik3n]

Autosolucionado =)

fallaba esto.

Código:

'url('+imagenfondo[cual]+');