[css] div + ukrywanie obrazków, SELECT do ukrywania warstwy Opcje

[ziomalgd]

Witam, mam mały problem. Po kolei przedstawie o co mi chodzi:
Mam formularz z polem typu SELECT. W nim mam 3 pola OPTION. Przykładowo:

Kod

<FORM ACTION="?" METHOD="POST">
<select onChange="xxxxxxxxxxxxxxx">
   <option VALUE="">aaa</OPTION>
   <option VALUE="">bbb</OPTION>
   <option VALUE="">cccc</OPTION>    
</SELECT>
</FORM>

Na stronie mam chce wyświetlać 5 obrazków. Mam ich nazwy zapisane w tablicach (php):
tablica1[];
tablica2[];
tablica3[];
W kazdej tablicy jest 5 nazw obrazków.

Tutaj moje pytanie:
Jak zrobić, żeby po przełączeniu SELECT (bez przeładowania strony) zmieniały mi się te obrazki (były szczytywane z tych tablic).
Czytając gdzie moge, wpadłem n pomysł, żeby stworzyć DIV'y , które zawierałyby obrazki z poszczególnych tablic, natomiast przelaczanie SELECTA powodowaloby ukrywanie 2 div'ów i pokazywanie jednego wybranego.
TYLKO PYTANKO jak to zrobić ? Czy to w ogole mozliwe ? Jestem laikiem jesli chodzi o CSS i JS. A moze jest lepsze wyjscie ?

BARDZO PROSZE O POMOC !

[revyag]

Kod

<script type="text/javascript">

function show(val){
    switch(val[val.selectedIndex].value){
        case '1': var tab = tablica1;break;
        case '2': var tab = tablica2;break;
        case '3': var tab = tablica3;break;        
    }        
    document.getElementById("prev").innerHTML="";
    for(i=0;i<tab.length;i++){
        document.getElementById("prev").innerHTML+='<img src="'+tab[i]+'">';
    }
}</script>

[HTML] pobierz, plaintext 
<select id="sel" onchange="show(this)">
    <option value="1">tablica 1</option>
    <option value="2">tablica 2</option>
    <option value="3">tablica 3</option>
</select>
<div id="prev">
 
</div>
[HTML] pobierz, plaintext