function avatarCategorie(selection){
	var i = 1;
	while (i <= 4) {
		if (i != selection) {
			document.getElementById('categorie' + i).style.display='none';
			document.getElementById('avatarLien' + i).className="lien";
		}
		i++;
	}
	document.getElementById('categorie' + selection).style.display='block';
	document.getElementById('avatarLien' + selection).className="actif";
	document.getElementById('dossierCouleur').value=selection;
}

function avatarCouleur(selection){

	var dossierEnCours = document.getElementById('dossierCouleur').value;
	var dossierNom = 'd' + dossierEnCours + 'couleur10';
	var i = 1;

	while (i <= 9) {
		if (i != selection) {
			document.getElementById(dossierNom + i).style.display='none';
		}
		i++;
	}
	document.getElementById(dossierNom + selection).style.display='block';

}

function avatarApercu(dossier,value,partie) {

	var img = new Image();
	img.src= dossier + '/' + value;
	document.getElementById(partie).src=img.src;
	document.getElementById(partie + 'AvatarID').value=value;
}