2/3 Problemi per cambiare colore di sfondo con un campo select.. e cookies

1.
Vorrei che un visitatore del mio sito potesse cambiare velocemente la grafica dello sfondo delle pagine...
Ecco il codice che ho creato:

Codice:

---

<script type="text/javascript" language="javascript">
<!--
var colori = new Array();
colori[0] = '#FF0000';
colori[1] = '#CC0000';

function changeBG(colore_sfondo)
{ document.bgColor = colori[colore_sfondo]; }
//-->
</script>

---

e...

Codice:

---

<select>
<option onClick="javascript:changeBG(0)" value="1">Rosso</option>
<option onClick="javascript:changeBG(1)" value="3">Arancio</option>
</select>

---

Perchè non funziona?

2.
vorrei che oltre allo sfondo quando uno clicca un colore per lo sfondo, cambi pure il menu superiore della pagina...
mi spiego meglio:
sempre con la funzione e l'array di prima vorrei che il mio codice fosse del tipo:

Codice:

---

<select>
<option onClick="javascript:changeBG(0); <FAI CAMBIARE ANCHE IL MENU IN(Arancio)>" value="1">Rosso/Arancio</option>
<option onClick="javascript:changeBG(1); <FAI CAMBIARE ANCHE IL MENU IN(Bianco)" value="3">Arancio/Bianco</option>
</select>

---

consigli?
p.s. il menu è in una div, e non so come accedere ai suoi attributi, non potendo mettere l'attributo name...

3.
Il terzo non è un problema, ma una cosa che mi chiedo io.
per fare in modo che quando uno esce dalla pagina dopo aver modificato la grafica della pagina non si annulli quello che ha appena cambiato, devo settare un cookie per ogni option onclick e poi fare un file di verifica che ne controlla l'esistenza, no?

---------

come faccio a cambiare il colore di sfondo di un div?
se potessi dargli un nome al div, sarebbe semplice, cioè:
nome.style = 'bgcolor... ecc..';
ma non si può dare il nome ad un div