onfocus og <select>

Hejsa.

Jeg har lavet følgende script til at skjule og vise <div>'s.

<script language="javascript" type="text/javascript">
function show(element) {
    document.getElementById(element).style.visibility = 'visible';
}
function hide(element) {
    document.getElementById(element).style.visibility = 'hidden';
}
</script>


Nu vil jeg gerne lave en select der skal vise en <div> når man vælge bestemt <option> og skjule denne <div> når man vælger en anden <option>.

Indtil videre har jeg forsøgt mig sådan:

<select name="blabla">
<option value="1" onfocus="hide('bla');">bla bla</option>
<option value="1" onfocus="hide('bla2');">bla bla2</option>
</select>

<div id="bla">Test</div>
<div id="bla2">Test2</div>

Det virker dog ikke, så hvordan gør jeg så?
Og hvordan laver man så den skjuler igen hvis man vælger en anden <option>? Er der noget der hedder OnUnFocus() ?

Håber jeg fik forklaret mig grundigt nok.

mvh Torben Lajer