Cacher des champs input

bonjour ,c'est toujours moi ..

bon à force de persévérance je sent que je vais devenir un pro en javascript.. lol!!

sérieusement ,j'utilise dans certaines de mes pages un code qui suivant la valeur d'un select m'affiche tel ou tel autres select

<!--fonction affiche ou pas liste-->
<script language='javascript' >
function affichechoix(texte)
{
<!--affichage de la combo logiciel-->
if (texte=="4")
document.getElementById("choixlogiciel").style.visibility= 'visible';
else
document.getElementById("choixlogiciel").style.visibility= 'hidden';
<!--affichage de la combo categoriel-->
if (texte=="2")
document.getElementById("choixcategorie").style.visibility= 'visible';
else
document.getElementById("choixcategorie").style.visibility= 'hidden';
(
<!--affichage de la combo systeme-->
if (texte=="3")
document.getElementById("choixsysteme").style.visibility= 'visible';
else
document.getElementById("choixsysteme").style.visibility= 'hidden';
<!--affichage de la combo prix-->
if (texte=="5")
document.getElementById("choixnom").style.visibility= 'visible';
else
document.getElementById("choixnom").style.visibility= 'hidden';
}

</script> 

et mon select :
<select onchange="affichechoix(this.value)" name="choix" id="choix" >

Donc j'ai voulu appliquer le meme principe sur un champ input type text ,avec onfocus (au chargement de la page)mais a priori ca fonctionne pas.

en fait je veut faire disparaitre les boutons de connexion et les remplacer par un bouton deconnexion lorsque l'utilisateur est loggé.
voila mon code (une partie..)

<!--fonction affiche ou pas boutons de connexion-->
<script language='javascript' >
function connexion()

{
if (visiteur=="ami visiteur")
document.getElementById("connexion").style.visibility= 'visible';

document.getElementById("enligne").style.visibility= 'hidden';
else
document.getElementById("connexion").style.visibility= 'hidden';

document.getElementById("enligne").style.visibility= 'visible';

}

</script> 


<form>
	<script language="javascript" type="text/javascript">
document.write('<input type="text" id="encours" value="'+visiteur+'" onfocus="connexion(this.value)" ></input>') ;
</script></form>

<!--bouton par défaut-->
<div id="connexion" style="visibility:visible" >
		<span>	

<label>Pseudo</label><input type="text" id="pseudo" name="pseudo" />&nbsp;	<input type="button" value="mot de passe perdu"  onclick="javascript:window.location.href=''" />	<br /><br />
	 <input type="hidden" name="origine" value="1" />
	<label>Mot de passe&nbsp;<input type="password" id="password" name="password" />&nbsp;	
	<input type="button" value="Creer un compte" onclick="javascript:window.location.href=''"/>
	<p><center>
	<input type="submit" name="form1" value="se connecter" /></center></p>
	</form>
	</span>
	</div>
	
				<!--bouton si connecte-->
					<div id="enligne" style="visibility:hidden">
					<span>
						<input type="button" value="Se deconnecter" onclick="javascript:window.location.href=''"/>
						<input type="button" value="Mon compte" onclick="javascript:window.location.href=''"/>
						</span>
				</div>

j'ai beau tourner ca dans ma tête ça veut rien savoir...
par avance merci
(pour mes pages en php ca pose pas de probleme j'utilise un simple if)