function image_out(part) {

	switch(part) //Condition selon la partie du corps modifiée
	{
		case "skin": //Si l'élément cliqué est "Couleur de la peau"... même chose pour les autres cases de cette catégoris
			if(document.getElementById('skin_av').innerHTML != "") //Si la div qui a comme id "skin_av" n'est pas vide, le vider
			{
		      document.getElementById('skin_av').innerHTML = "";
			}
			else //S'il est vide, ajouter ces éléments
			{  
			    document.getElementById('skin_av').innerHTML = '<img src="images/avatar/skin/skin1.png" id="skin1" class="skin1" onclick="switch_avatar(\''+part+'\', \'skin1\')" /> ';
				document.getElementById('skin_av').innerHTML += '<img src="images/avatar/skin/skin2.png" id="skin2" class="skin2" onclick="switch_avatar(\''+part+'\', \'skin2\')" /> ';
				document.getElementById('skin_av').innerHTML += '<img src="images/avatar/skin/skin3.png" id="skin3" class="skin3" onclick="switch_avatar(\''+part+'\', \'skin3\')" /> ';
				document.getElementById('skin_av').innerHTML += '<img src="images/avatar/skin/skin4.png" id="skin4" class="skin4" onclick="switch_avatar(\''+part+'\', \'skin4\')" /> ';
				document.getElementById('skin_av').innerHTML += '<img src="images/avatar/skin/skin5.png" id="skin5" class="skin5" onclick="switch_avatar(\''+part+'\', \'skin5\')" /> ';
			}
		break;
		
		case "hair": //Si l'élément cliqué est "Les cheveux"
			if(document.getElementById('hair_av').innerHTML != "")
			{
		      document.getElementById('hair_av').innerHTML = "";
			}
			else
			{  
				document.getElementById('hair_av').innerHTML = '<img src="images/avatar/hair/hairstyle1_black.png" id="hairstyle1_black" class="hairstyle1_black" onclick="switch_avatar(\''+part+'\', \'hairstyle1_black\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle1_gray.png" id="hairstyle1_gray" class="hairstyle1_gray" onclick="switch_avatar(\''+part+'\', \'hairstyle1_gray\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle1_brown.png" id="hairstyle1_brown" class="hairstyle1_brown" onclick="switch_avatar(\''+part+'\', \'hairstyle1_brown\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle1_blond.png" id="hairstyle1_blond" class="hairstyle1_blond" onclick="switch_avatar(\''+part+'\', \'hairstyle1_blond\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle1_white.png" id="hairstyle1_white" class="hairstyle1_white" onclick="switch_avatar(\''+part+'\', \'hairstyle1_white\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle2_black.png" id="hairstyle2_black" class="hairstyle2_black" onclick="switch_avatar(\''+part+'\', \'hairstyle2_black\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle2_gray.png" id="hairstyle2_gray" class="hairstyle2_gray" onclick="switch_avatar(\''+part+'\', \'hairstyle2_gray\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle2_brown.png" id="hairstyle2_brown" class="hairstyle2_brown" onclick="switch_avatar(\''+part+'\', \'hairstyle2_brown\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle2_blond.png" id="hairstyle2_blond" class="hairstyle2_blond" onclick="switch_avatar(\''+part+'\', \'hairstyle2_blond\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle2_white.png" id="hairstyle2_white" class="hairstyle2_white" onclick="switch_avatar(\''+part+'\', \'hairstyle2_white\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle3_black.png" id="hairstyle3_black" class="hairstyle3_black" onclick="switch_avatar(\''+part+'\', \'hairstyle3_black\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle3_gray.png" id="hairstyle3_gray" class="hairstyle3_gray" onclick="switch_avatar(\''+part+'\', \'hairstyle3_gray\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle3_brown.png" id="hairstyle3_brown" class="hairstyle3_brown" onclick="switch_avatar(\''+part+'\', \'hairstyle3_brown\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle3_blond.png" id="hairstyle3_blond" class="hairstyle3_blond" onclick="switch_avatar(\''+part+'\', \'hairstyle3_blond\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle3_white.png" id="hairstyle3_white" class="hairstyle3_white" onclick="switch_avatar(\''+part+'\', \'hairstyle3_white\')" /> ';
				document.getElementById('hair_av').innerHTML += '<img src="images/avatar/hair/hairstyle4_blond.png" id="hairstyle4_blond" class="hairstyle4_blond" onclick="switch_avatar(\''+part+'\', \'hairstyle4_blond\')" /> ';
			}
		break;
		
		case "eyes":
			if(document.getElementById('eyes_av').innerHTML != "")
			{
		      document.getElementById('eyes_av').innerHTML = "";
			}
			else
			{  
			    document.getElementById('eyes_av').innerHTML = '<img src="images/avatar/eyes/eyes1.png" id="eyes1" class="eyes1" onclick="switch_avatar(\''+part+'\', \'eyes1\')" /> ';
			}
		break;
		
		case "nose":
			if(document.getElementById('nose_av').innerHTML != "")
			{
		      document.getElementById('nose_av').innerHTML = "";
			}
			else
			{  
			    document.getElementById('nose_av').innerHTML = '<img src="images/avatar/nose/nose1.png" id="nose1" class="nose1" onclick="switch_avatar(\''+part+'\', \'nose1\')" /> ';
				document.getElementById('nose_av').innerHTML += '<img src="images/avatar/nose/nose2.png" id="nose2" class="nose2" onclick="switch_avatar(\''+part+'\', \'nose2\')" /> ';
				document.getElementById('nose_av').innerHTML += '<img src="images/avatar/nose/nose3.png" id="nose3" class="nose3" onclick="switch_avatar(\''+part+'\', \'nose3\')" /> ';
				document.getElementById('nose_av').innerHTML += '<img src="images/avatar/nose/nose4.png" id="nose4" class="nose4" onclick="switch_avatar(\''+part+'\', \'nose4\')" /> ';
			}
		break;
		
		case "mouth":
			if(document.getElementById('mouth_av').innerHTML != "")
			{
		      document.getElementById('mouth_av').innerHTML = "";
			}
			else
			{  
			    document.getElementById('mouth_av').innerHTML = '<img src="images/avatar/mouth/mouth1.png" id="mouth1" class="mouth1" onclick="switch_avatar(\''+part+'\', \'mouth1\')" /> ';
				document.getElementById('mouth_av').innerHTML += '<img src="images/avatar/mouth/mouth2.png" id="mouth2" class="mouth2" onclick="switch_avatar(\''+part+'\', \'mouth2\')" /> ';
				document.getElementById('mouth_av').innerHTML += '<img src="images/avatar/mouth/mouth3.png" id="mouth3" class="mouth3" onclick="switch_avatar(\''+part+'\', \'mouth3\')" /> ';
				document.getElementById('mouth_av').innerHTML += '<img src="images/avatar/mouth/mouth4.png" id="mouth4" class="mouth4" onclick="switch_avatar(\''+part+'\', \'mouth4\')" /> ';
				document.getElementById('mouth_av').innerHTML += '<img src="images/avatar/mouth/mouth5.png" id="mouth5" class="mouth5" onclick="switch_avatar(\''+part+'\', \'mouth5\')" /> ';
			}
		break;
		
		case "clothes":
			if(document.getElementById('clothes_av').innerHTML != "")
			{
		      document.getElementById('clothes_av').innerHTML = "";
			}
			else
			{
				document.getElementById('clothes_av').innerHTML = '<img src="images/avatar/clothes/clothes_default.png" id="clothes_default" class="clothes_default" onclick="switch_avatar(\''+part+'\', \'clothes_default\')" /> ';
				document.getElementById('clothes_av').innerHTML += '<img src="images/avatar/clothes/clothes1.png" id="clothes1" class="clothes1" onclick="switch_avatar(\''+part+'\', \'clothes1\')" /> ';
				document.getElementById('clothes_av').innerHTML += '<img src="images/avatar/clothes/clothes2.png" id="clothes2" class="clothes2" onclick="switch_avatar(\''+part+'\', \'clothes2\')" /> ';
				document.getElementById('clothes_av').innerHTML += '<img src="images/avatar/clothes/clothes3.png" id="clothes3" class="clothes3" onclick="switch_avatar(\''+part+'\', \'clothes3\')" /> ';
				document.getElementById('clothes_av').innerHTML += '<img src="images/avatar/clothes/clothes4.png" id="clothes4" class="clothes4" onclick="switch_avatar(\''+part+'\', \'clothes4\')" /> ';
				document.getElementById('clothes_av').innerHTML += '<img src="images/avatar/clothes/clothes5.png" id="clothes5" class="clothes5" onclick="switch_avatar(\''+part+'\', \'clothes5\')" /> ';
				document.getElementById('clothes_av').innerHTML += '<img src="images/avatar/clothes/clothes6.png" id="clothes6" class="clothes6" onclick="switch_avatar(\''+part+'\', \'clothes6\')" /> ';
			}
		break;
	}
}

function switch_avatar(part, partid) {
			document.getElementById(part).src = "images/avatar/"+part+"/"+partid+".png";
			document.inscription[part].value = partid;
}



