[javascript] probleme recuperation données

Bonjour
voila je dois creer un formulaire de commande pour une pizzeria ><
juque la rien d'extraodinaire mais voila j'ai un petit soucis
je dois remplir le champs total supplements (quantité*taille)
petite -1 moyenne 0 grande 2
cela marche dans un sens quand je choisit en passant par la taille mais pas quand je passe par la quantité ( j'ai inserer des alert pour vous montrer)
voici le code

<html>
<head>
<title>testing</title>
<head>
<script language="Javascript">

function changer(x,y)

{

document.toto.monimage.src=x+".jpg";

y=document.toto.q.value;

switch(x)
	{
	case 'lafrom' :
	x=7;
	z=x*y;
	break;
	case 'lareine' :
	x=12;
	z=x*y;
	break;
	case 'lecossais' :
	x=15;
	z=x*y;
	break;
	case 'shawarma' :
	x=12;
	z=x*y;
	break;
	}

document.toto.prix.value =x;
document.toto.totalnet.value =z;
}

function totalsup(y,x)
{
alert(x);alert(y);
z=x*y;
document.toto.total.value=z;
}


</script>
</head>


<body bgcolor=#aaaaaa>

<center><h1>Commande</h1><br>




<form name="toto">


Nom:<input type="text" size="10" name="nom">

 
Prenom:<input type="text" size="10" name="prenom"><br><br>



adresse:<br><textarea rows="8" cols="30" value="0" name="Adresse">adresse</textarea><br>


Nos pizzas &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp  Prix en euros<br>


<SELECT name="pizzas" onchange="changer(this.value,document.toto.q.value)">
		<OPTION VALUE="lareine">Reine</OPTION>
		<OPTION VALUE="lecossais">Ecossaise</OPTION>
		<OPTION VALUE="lafrom">Fromage</OPTION>
		<OPTION VALUE="shawarma">Sharwarma</OPTION>
		
</SELECT>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp &nbsp&nbsp&nbsp &nbsp 


<input type="text" size="5" name="prix"><br>



<img src="lareine.jpg" name="monimage" height="20%" width="15%"><br>



<INPUT type=checkbox name="cuisson" value="m">bien cuite

<INPUT type=checkbox name="cuisson" value="f">pimenter(1e)<br><br>

<INPUT type=radio name="p" value="-1" onclick="totalsup(this.value,document.toto.q.value);">petite

<INPUT type=radio name="p" value="0"checked="true" onclick="totalsup(this.value,document.toto.q.value)" >moyenne

<INPUT type=radio name="p" value="2"  onclick="totalsup(this.value,document.toto.q.value)">grande<br><br>


Quantitée &nbsp
<select name="q" onchange="totalsup(document.toto.p.value,this.value);changer(document.toto.pizzas.value,this.value)">
		<option  value="1">1</option>
		<option  value="2">2</option>
		<option  value="3">3</option>
		<option  value="4">4</option>
</select><br><br>


Total net : <INPUT type=text name="totalnet" size="6" >&nbsp&nbsp&nbsp&nbsp&nbsp

Total suppléments : <INPUT type=text name="total"size="6"><br><br>

Total à payer : <INPUT type=text name="tota" size="6"><br><br>

<INPUT TYPE="submit" name="envoyer">&nbsp&nbsp&nbsp&nbsp&nbsp

<INPUT TYPE="reset"name="annuler">

</form>
</center>

</body>
</html>

merci d'avance

Configuration: Windows XP
Internet Explorer 7.0