<script type="text/javascript" src="perso.js"></script>
<!-- MENU AU MILIEU -->
	<div class="corp">
		<table class="box">
			<tr>
				<td class="boxtopborder"><b>Inscription - Partie 1 - Pseudo et mot de passe</b></td>
			</tr>
			<tr>
				<td class="textetable">
					<p>Choisissez votre pseudo/login (max 8 caract&egrave;res) :</p><p><input id="login" name="login" type="text" /></p>
					<p>Choisissez votre mot de passe (max 8 caract&egrave;res) :</p><p><input id="password" name="password" type="password" /></p>
					<p>Confirmez votre mot de passe :</p><p><input id="passwordconfirmation" name="passwordconfirmation" type="password" /></p>

					<input type="button" 
						   onclick="verifierLogin(document.getElementById('login').value, document.getElementById('password').value, document.getElementById('passwordconfirmation').value)" 
						   value="Continuer l'inscription" />
					
					<div id="messageResponse"></div>
				</td>
			</tr>
		</table>
		
		<div class="hidden" id="registerPartTwo">
		<table class="box">
			<tr>
				<td class="boxtopborder"><b>Inscription - Partie 2 - Le mimichant</b></td>
			</tr>
			<tr>
				<td class="textetable">
					<p>Choisissez votre mimichant :</p>
					<div id='conteneurMimichant'>
						<div id='tabColor'>
							<p>Choix de la couleur du pelage : </p>
							<div class='caseColor' style="background-color:#FFFFFF; top:-20px; left:260px;" onclick="hexa('FFFFFF')"></div>
							<div class='caseColor' style="background-color:#FF0000;  top:-20px; left:280px;" onclick="hexa('FF0000')"></div>
							<div class='caseColor' style="background-color:#00FF00;  top:-20px; left:300px;" onclick="hexa('00FF00')"></div>
							<div class='caseColor' style="background-color:#0000FF;  top:-20px; left:320px;" onclick="hexa('0000FF')"></div>
							<div class='caseColor' style="background-color:#FFFF00;  top:-20px; left:340px;" onclick="hexa('FFFF00')"></div>
							<div class='caseColor' style="background-color:#FF00FF;  top:-20px; left:360px;" onclick="hexa('FF00FF')"></div>
							<div class='caseColor' style="background-color:#00FFFF;  top:-20px; left:380px;" onclick="hexa('00FFFF')"></div>
							
							<div class='caseColor' style="background-color:#A0A0A0; top:0px; left:260px;" onclick="hexa('C0C0C0')"></div>
							<div class='caseColor' style="background-color:#FF8000;  top:0px; left:280px;" onclick="hexa('FF8000')"></div>
							<div class='caseColor' style="background-color:#00FF80;  top:0px; left:300px;" onclick="hexa('00FF80')"></div>
							<div class='caseColor' style="background-color:#8000FF;  top:0px; left:320px;" onclick="hexa('8000FF')"></div>
							<div class='caseColor' style="background-color:#FFFF80;  top:0px; left:340px;" onclick="hexa('FFFF80')"></div>
							<div class='caseColor' style="background-color:#FF80FF;  top:0px; left:360px;" onclick="hexa('FF80FF')"></div>
							<div class='caseColor' style="background-color:#80FFFF;  top:0px; left:380px;" onclick="hexa('80FFFF')"></div>
						
							<div class='caseColor' style="background-color:#505050; top:20px; left:260px;" onclick="hexa('505050')"></div>
							<div class='caseColor' style="background-color:#800000;  top:20px; left:280px;" onclick="hexa('800000')"></div>
							<div class='caseColor' style="background-color:#008000;  top:20px; left:300px;" onclick="hexa('008000')"></div>
							<div class='caseColor' style="background-color:#000080;  top:20px; left:320px;" onclick="hexa('000080')"></div>
							<div class='caseColor' style="background-color:#808000;  top:20px; left:340px;" onclick="hexa('808000')"></div>
							<div class='caseColor' style="background-color:#800080;  top:20px; left:360px;" onclick="hexa('800080')"></div>
							<div class='caseColor' style="background-color:#008080;  top:20px; left:380px;" onclick="hexa('008080')"></div>
							
							<div class='caseColor' style="background-color:#000000; top:40px; left:260px;" onclick="hexa('000000')"></div>
							<div class='caseColor' style="background-color:#FF8080;  top:40px; left:280px;" onclick="hexa('FF8080')"></div>
							<div class='caseColor' style="background-color:#80FF80;  top:40px; left:300px;" onclick="hexa('80FF80')"></div>
							<div class='caseColor' style="background-color:#8080FF;  top:40px; left:320px;" onclick="hexa('8080FF')"></div>
							<div class='caseColor' style="background-color:#80FF00;  top:40px; left:340px;" onclick="hexa('80FF00')"></div>
							<div class='caseColor' style="background-color:#FF0080;  top:40px; left:360px;" onclick="hexa('FF0080')"></div>
							<div class='caseColor' style="background-color:#0080FF;  top:40px; left:380px;" onclick="hexa('0080FF')"></div>	
						</div>	
	
						<div id="divColor" style="background-color:#FFFFFF;">
							<img src="../charsprites/qrenardt.gif" id="showqueue" alt="image queue" />
							<img src="../charsprites/orenardt.gif" id="showoreille" alt="image oreille" />
							<img src="../charsprites/crenardt.gif" id="showcorps" alt="image corps" />
							<img src="../charsprites/trenardt.gif" id="showtete" alt="image tete" />
						</div>
						<div id="slideform">
					 		<div id="divOreille">
							<input class="boutonPrevious" type="button" onclick="changeoreille('previous');" value="&lt;&lt;" title="oreille pr&eacute;c&eacute;dent" />
							<div class="textArray" id="txtOreille" >Oreilles de renard</div>
							<input class="boutonNext" id="bnO" type="button" onclick="changeoreille('next');" value="&gt;&gt;" title="oreille suivant" />
					 		</div>
						
							<div id="divTete">
							<input class="boutonPrevious" type="button" onclick="changetete('previous');" value="&lt;&lt;" title="tete précédente" />
							<div class="textArray" id="txtTete" >Tete de renard</div>
							<input class="boutonNext" id="bnT" type="button" onclick="changetete('next');" value="&gt;&gt;" title="tête suivante" />
							</div>
								
							<div id="divCorps">
							<input class="boutonPrevious" type="button" onclick="changecorps('previous');" value="&lt;&lt;" title="corps précédent" />
							<div class="textArray" id="txtCorps" >corps de renard</div>
							<input class="boutonNext" id="bnC" type="button" onclick="changecorps('next');" value="&gt;&gt;" title="corps suivant" />
							</div>
						
							<div id="divQueue">
							<input class="boutonPrevious" type="button" onclick="changequeue('previous');" value="&lt;&lt;" title="queue précédente" />
							<div class="textArray" id="txtQueue" >queue de renard</div>
							<input class="boutonNext" id="bnQ" type="button" onclick="changequeue('next');" value="&gt;&gt;" title="queue suivante" />
							</div>
						</div>



				<form id="formulaire" action="{LINK_SUITEINSCRIPTION}" method="post"><div>
						<input type="hidden" value="0" name="hidden_queue" />
						<input type="hidden" value="0" name="hidden_corps" />
						<input type="hidden" value="0" name="hidden_tete" />
						<input type="hidden" value="0" name="hidden_oreille" />
						<input type="hidden" value="FFFFFF" name="hidden_color" />
						<input type="hidden" value="1" name="hidden_creerImageGD" />
						
						<p><input id="formLogin" name="formLogin" type="hidden" value="" /></p>
						<p><input id="formpassword" name="formpassword" type="hidden" value="" /></p>
						
						<div class="restedutexte">
							<p>Choisissez le nom de votre mimichant : <input name="mimichant_name" size="34" type="text" /></p>

							<p>Choisissez le sexe de vote mimichant :
								<select name="mimichant_sex">
									<option value="female" selected="selected" >Feminin</option>
									<option value="male">Masculin</option>
								</select>
							</p>
							
							<p>Description de votre mimichant :</p>
							<p><input type="text" size="60" name="mimichant_description" value="" /></p>
							
							<p>D&eacute;finissez les caract&eacute;ristiques de votre mimichant :</p>
						
							<div id="gestionCaracs" style="border: 1px solid #9ED61D;background-color: #301D16;color: #9ED61D;"></div>
							<div style="text-decoration:underline;">
								<span onclick="boutonGestionCaracs(1)">Moins fort</span> / 
								<span onclick="boutonGestionCaracs(2)">Plus fort</span> <br />
								<span onclick="boutonGestionCaracs(3)">Moins r&eacute;sistant</span> / 
								<span onclick="boutonGestionCaracs(4)">Plus r&eacute;sistant</span> <br />
								<span onclick="boutonGestionCaracs(5)">Moins habile</span> / 
								<span onclick="boutonGestionCaracs(6)">Plus habile</span> <br />
								<span onclick="boutonGestionCaracs(7)">Moins intelligent</span> / 
								<span onclick="boutonGestionCaracs(8)">Plus intelligent</span>
								<script type="text/javascript">boutonGestionCaracs(0);</script>
							</div>
						
							<p><input type="submit" name="bouton" value="Continuer l'inscription" /></p>
						</div>
					</div></form>



					</div>
	
				</td>
			</tr>
		</table>
	</div>
</div>
