Ändra lager genom en selectbox

Shabba Ranks!

Jag har en helt vanligt SELECTbox, när man klickar på ett OPTION så skall ett lager dyka upp. Varje lager tillhör sitt eget OPTION. Lagrets namn är likadant som värdet på OPTION.

Som grädde på moset så skall alla andra lager försvinna förutom det lager som tillhör den optionen jag just har klickat på.

Och ja, jag har försökt själv. Och det vill fan inte fungera.

Tack på förhand.

<script language="JavaScript" type="text/javascript">
function showLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "visible";
	} else if (document.layers){
		document.layers[Id].visibility = "show";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "visible";
	}
}
function hideLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "hidden";
	} else if (document.layers){
		document.layers[Id].visibility = "hide";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "hidden";
	}
}
var currentLayer=false;
</script>

<div id="foo" style="position:absolute;top:200px;left:10px;visibility:hidden">Lager 1</div>
<div id="bar" style="position:absolute;top:200px;left:10px;visibility:hidden">Lager 2</div>
<div id="rabarber" style="position:absolute;top:200px;left:10px;visibility:hidden">Lager 3</div>

<form>
<select name="bello" onChange="if(currentLayer){ hideLayer(currentLayer); } if(this[this.selectedIndex].value){ currentLayer=this[this.selectedIndex].value; showLayer(currentLayer); }">
<option value="">---välj---</option>
<option value="foo">Lager 1</option>
<option value="bar">Lager 2</option>
<option value="rabarber">Lager 3</option>
</select>
</form>

man tackar