mostra/nascondi div

[loricasta]

salve mi sono da poco iscritta e sto imparando da poco il javascript e ho trovato gia le prime difficoltà di questo orribile linguaggio
il mio problema è di nascondere alternativamente due div cosi ho creato le due funzioni

<script type="text/javascript" language="JavaScript"><!--

function Cambia (valore) {
var scelta=valore.options[valore.selectedIndex].value;
if (scelta='pro') {Mostra ();return } else {Nascondi () };
if (scelta='base') {Nascondi ();return } else {Mostra ()};

}

function Nascondi () {
document.getElementById('professional').style.display = "none";
document.getElementById('base').style.display = "block";
}

function Mostra () {
document.getElementById('base').style.display = "none";
document.getElementById('professional').style.display = "block";
}

//--></script>

che richiamo cosi

<select name="prodotto" id="prodotto" onchange="Cambia(this);void(0)">


<option value="Base" value="base" >base</option>
<option value="Professional" value="pro" >Professional</option>
</select>

quando clicco per la prima volta sulla select funziona ma al secondo tentativo non funziona piu.

tutti son partiti per le vacanze e adesso mi sento sempre piu sola e disperata vi prego aiutatemi...