Formulario de registro dinamico ¿dependiente?

[nolose]

Ya lo he implementado, pero tengo un problemilla... verás:

La funcion que hace que aparezca una capa u otra dependiendo lo de que seleccionemos es esta:

<script type='text/javascript' src='formexp.js'></script>
<script>

function expandir_formulario(){
if (document.f1.personas.value == "0"){
xDisplay('capaexpansion', 'none')
xDisplay('capaexpansion2', 'none')
}
if (document.f1.personas.value == "1"){
xDisplay('capaexpansion', 'block')
xDisplay('capaexpansion2', 'none')
}

if (document.f1.personas.value == "2"){
xDisplay('capaexpansion', 'none')
xDisplay('capaexpansion2', 'block')
}
}

El problema es que al pasarle los valores, si lo hago con una lista desplegable si funciona.(en la lista puedo elegir valor 0, que no muestra nada, 1 que muestra una capa o 2 que muestra otra capa).

<select size="1" name="personas" onChange="expandir_formulario()" >
<option value="0">?</option>
<option value="1">1</option>
<option value="2">2</option>
</select>

Pero si utilizo votones de verificacion radiobuttom, que es lo que me interesaria hacer, no funciona!!!

<input name="personas" type="radio" value="0" onClick="expandir_formulario()" >
0
<input name="personas" type="radio" value="1" onClick="expandir_formulario()" >
1
<input name="personas" type="radio" value="2" onClick="expandir_formulario()" >
2


Sabrias como arreglarlo???? Me tire toda la noche y ya nose como podria ser....

Gracias!!!!!