Fave skift

Jeg har en hjemmeside hvor en bruger kan nædre layoutet på sin side!

<select name="bgcolor">
<option value="#8899aa">Default
<option value="#000000">Black
<option value="#FFFFFF">White
<option value="">Other
</select>

det er der han vælger hvilken fave han vil have.
men vedsiden af er der en
<input type="text" name="bgcolor2" size="20">

Mit spørsmål er så hvordan at jeg kan få den til at, når jeg f.eks. vælger sort at den så skriver #000000 i min input, og hvis jeg skriver noget i input skal den være Other i <select>! :)
en anden ting er at jeg gerne vil have en lille box efter på 10x10 pixel som viser en demo af den fave man har valgt!