function chgHautConnexion()
{
	document.getElementById('centreHaut').innerHTML = 
	'<div id="hautGauche">				<img src="./img/sonOn.gif" id="son" onclick="coupeSon();" style="float: left; margin: 7px 0 0 14px; position: absolute;" /><div id="zoneSaisie"><input value="Tapez ici Titre/Artiste" onfocus="if(this.value==\'Tapez ici Titre/Artiste\') this.value=\'\';" type="text" id="reponseUser" onKeydown="checkReponse(event);" size="24"/></div>				<div style="margin: auto; padding: 0; padding-left: 40px; margin-bottom: 10px; height: 30px; width: 240px;">					<div id="checkTitre" onclick="messageBox(\'Pour valider appuyez sur entrer.\');"><img id="titre" style="visibility: hidden;" src="img/check.jpg" /></div>					<div id="checkArtiste" onclick="messageBox(\'Pour valider appuyez sur entrer.\');"><img id="artiste" style="visibility: hidden;" src="img/check.jpg" /></div>				</div>				<div id="chargement">					<img id="chargementGauche" src="img/chargementGauche.jpg" style="visibility: hidden;" /><img id="chargementMilieu" style="visibility: hidden;" src="img/chargementMilieu.gif" width="0px" height="15px" /><img id="chargementDroite"  style="visibility: hidden;" src="img/chargementDroite.gif" />				</div>			</div>			<div id="hautDroite">				<img src="img/menu/vosStats.jpg" />				<br />				<label style="font-weight: bold; font-size: 14px; text-align: center;" id="pseudoJoueur"> </label><span id="classementJoueur"></span>				<br />				<label id="titreCorrect"></label><span id="artisteCorrect"></span>				<br />				<label id="score"></label><span id="idChansonDansPartie"></span>			</div>';
}

function fonduHaut()
{
	fonduHautAller(100)
}
function fonduHautAller(transparence)
{
	if(transparence>0)
	{
		if(!Browser.Engine.trident)
		{
			document.getElementById("hautGaucheDepart").style.opacity = transparence/100;
			document.getElementById("hautDroiteDepart").style.opacity = transparence/100;
		}
		else
		{
			document.getElementById("hautGaucheDepart").style.filter = "alpha(opacity="+transparence+")";
			document.getElementById("hautDroiteDepart").style.filter = "alpha(opacity="+transparence+")";
		}
		
		setTimeout("fonduHautAller("+(transparence-5)+")", 40);
	}
	else
	{
		connexion();
		fonduHautRetour(0);
	}
}

function fonduHautRetour(transparence)
{
	if(transparence<=100)
	{
		if(!Browser.Engine.trident)
		{
			document.getElementById("hautGauche").style.opacity = transparence/100;
			document.getElementById("hautDroite").style.opacity = transparence/100;
		}
		else
		{
			document.getElementById("hautGauche").style.filter = "alpha(opacity="+transparence+")";
			document.getElementById("hautDroite").style.filter = "alpha(opacity="+transparence+")";
		}
		
		setTimeout("fonduHautRetour("+(transparence+5)+")", 40);
	}
}

// chargement images
preloadimages("./img/artiste.jpg","./img/titre.jpg", "img/fondForm.jpg",".img/check.jpg","./img/chargementDroite.gif","./img/chargementGauche.gif","./img/chargementMilieu.gif","./img/chargementFond.jpg","./img/menu/vosStats.jpg");