<title>{$mybb->settings['bbname']} - {$pageTitle}</title>
{$headerinclude}
<script type="text/javascript" src="jscripts/validator.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
</head><body>
{$header}
<//>
<div class="ipsBox">
<div class="ipsLayout ipsLayout_withleft ipsLayout_smallleft ipsVerticalTabbed clearfix usercp_body">
<div class="ipsVerticalTabbed_tabs ipsLayout_left" id="usercp_tabs">
<ul>
{$navigation}
</ul>
</div>
<div class="ipsVerticalTabbed_content ipsLayout_content ipsBox_container" id="usercp_content">
<div class="ipsPad">
<table class="ipb_table"><tbody> <tr><td colspan="5" class="tcat smalltext" height="15px">Tworzenie postaci</td></tr></tbody></table>
<div class="message" style="margin-bottom: 10px;">W tej podstronie możesz stworzyć swoją postać. <br>Pamiętaj, że podane przez ciebie dane muszą się zgadzać, gdyż późniejsza zmiana może być uciążliwa. Ostrzegamy, że kolor skóry nie dopasowany do skinu moze się skończyć blokadą konta..</div>
<table class="ipb_table">
<tbody>
<////////////////////>
{$gratulacje}
{$blad}
<fieldset class="ipsSettings_section" id="id_charbase">
<h3 class="ipsSettings_sectiontitle">Podstawowe dane</h3>
<div><ul>
<li>
<label class="ipsSettings_fieldtitle" for="id_age">Hasło</label>
<input type="password" class="bg_inp" id="haslo" name="haslo">
</li>
<li>
<label class="ipsSettings_fieldtitle" for="id_gender">Płeć</label>
<select name="sex" id="hrpssel" class="bg_inp">
<option value="" class="theight">Wybierz płeć:</option>
<option value="1" class="theight">Mężczyzna</option>
<option value="2" class="theight">Kobieta</option>
</select>
</li>
<li>
<label class="ipsSettings_fieldtitle" for="id_age">Rasa</label>
<select name="kolorskory" class="bg_inp">
<option class="theight">Wybierz rase:</option>
<option value="1" class="theight">Biały</option>
<option value="2" class="theight">Afroamerykanin</option>
<option value="3" class="theight">Latynos</option>
<option value="4" class="theight">Azjata</option>
</select>
</li>
<li>
<label class="ipsSettings_fieldtitle" for="id_age">Wiek</label>
<input type="text" class="bg_inp" id="wiek" name="age">
<span class="desc">Minimum 18 lat.</span>
</li>
</ul></div>
</fieldset>
<fieldset style="display: none;" class="submit" id="id_shownext_field">
<input class="input_submit" id="id_shownext_button" value="Dalej" type="button">
</fieldset>
<div id="id_next" style="overflow: visible;">
<fieldset class="ipsSettings_section">
<h3 class="ipsSettings_sectiontitle">Tożsamość</h3>
<div>
<ul>
<li>
<label class="ipsSettings_fieldtitle" for="id_name">Imię</label>
<input type="text" class="bg_inp" id="imie" name="name">
<br>
<span class="desc">
Pamiętaj, by się zastanowić nad charakterem i profesją tej postaci. Upłynie trochę czasu nim zyskasz możliwość stworzenia kolejnej!</span>
</li>
<li>
<label class="ipsSettings_fieldtitle" for="id_surname">Nazwisko</label>
<input type="text" class="bg_inp" id="nazwisko" name="surname">
<br>
<span class="desc">Nie będziesz miał(a) możliwości bezpłatnej zmiany tych danych, nawet w przypadku pomyłki.</span>
</li>
{$regimage}
</ul></div>
</fieldset>
<div id="ssel2" style="display:none" >
<img src="images/panel/skiny/93.jpg" alt="93" class="skinimg" id="s93" name=skin value=93 />
<img src="images/panel/skiny/211.jpg" alt="211" class="skinimg" id="s211" name=skin value=211 />
<img src="images/panel/skiny/216.jpg" alt="216" class="skinimg" id="s216" name=skin value=216 />
<img src="images/panel/skiny/233.jpg" alt="233" class="skinimg" id="s233" name=skin value=233 />
<br />
<img src="images/panel/skiny/9.jpg" alt="9" class="skinimg" id="s9" name=skin value=9 />
<img src="images/panel/skiny/190.jpg" alt="190" class="skinimg" id="s190" name=skin value=190 />
<img src="images/panel/skiny/195.jpg" alt="195" class="skinimg" id="s195" name=skin value=195 />
<img src="images/panel/skiny/219.jpg" alt="219" class="skinimg" id="s219" name=skin value=219 />
<br />
<img src="images/panel/skiny/12.jpg" alt="12" class="skinimg" id="s12" name=skin value=12 />
<img src="images/panel/skiny/40.jpg" alt="40" class="skinimg" id="s40" name=skin value=40 />
<img src="images/panel/skiny/41.jpg" alt="41" class="skinimg" id="s41" name=skin value=41 />
<img src="images/panel/skiny/207.jpg" alt="207" class="skinimg" id="s207" name=skin value=207 />
<img src="images/panel/skiny/298.ipg" alt="298" class="skinimg" id="s298" name=skin value=298 />
<br />
<img src="images/panel/skiny/56.jpg" alt="56" class="skinimg" id="s56" name=skin value=56 />
<img src="images/panel/skiny/141.jpg" alt="141" class="skinimg" id="s141" name=skin value=141 />
<img src="images/panel/skiny/169.jpg" alt="169" class="skinimg" id="s169" name=skin value=169 />
<br />
</div>
<div id="ssel1" style="display:none">
<img src="images/panel/skiny/59.jpg" alt="59" class="skinimg" id="s59" name=skin value=59 />
<img src="images/panel/skiny/73.jpg" alt="73" class="skinimg" id="s73" name=skin value=73 />
<img src="images/panel/skiny/23.jpg" alt="23" class="skinimg" id="s23" name=skin value=23 />
<img src="images/panel/skiny/29.jpg" alt="29" class="skinimg" id="s29" name=skin value=29 />
<img src="images/panel/skiny/101.jpg" alt="101" class="skinimg" id="s101" name=skin value=101 />
<br />
<img src="images/panel/skiny/17.jpg" alt="17" class="skinimg" id="s17" name=skin value=17 />
<img src="images/panel/skiny/21.jpg" alt="21" class="skinimg" id="s21" name=skin value=21 />
<img src="images/panel/skiny/25.jpg" alt="25" class="skinimg" id="s25" name=skin value=25 />
<img src="images/panel/skiny/28.jpg" alt="28" class="skinimg" id="s28" name=skin value=28 />
<img src="images/panel/skiny/143.jpg" alt="143" class="skinimg" id="s143" name=skin value=143 />
<br />
<img src="images/panel/skiny/46.jpg" alt="46" class="skinimg" id="s46" name=skin value=46 />
<img src="images/panel/skiny/47.jpg" alt="47" class="skinimg" id="s47" name=skin value=47 />
<img src="images/panel/skiny/48.jpg" alt="48" class="skinimg" id="s48" name=skin value=48 />
<img src="images/panel/skiny/98.jpg" alt="98" class="skinimg" id="s98" name=skin value=98 />
<img src="images/panel/skiny/184.jpg" alt="184" class="skinimg" id="s184" name=skin value=184 />
<br />
<img src="images/panel/skiny/117.jpg" alt="117" class="skinimg" id="s117" name=skin value=117 />
<img src="images/panel/skiny/120.jpg" alt="120" class="skinimg" id="s120" name=skin value=120 />
<img src="images/panel/skiny/122.jpg" alt="122" class="skinimg" id="s122" name=skin value=122 />
<img src="images/panel/skiny/123.jpg" alt="123" class="skinimg" id="s123" name=skin value=123 />
<img src="images/panel/skiny/170.jpg" alt="170" class="skinimg" id="s170" name=skin value=170 />
</div></center>
</////////////////////////////>
<li><input type="image" src="images/panel/stworz.png" name="ok" ></li>
<form action="panel.php?page=addcharacter" method="post" id="registration_form2">
<fieldset class="submit" id="registration_form2" id="registration_form2">
</fieldset>
<script type="text/javascript">
<!--
regValidator = new FormValidator('registration_form2');
regValidator.register('nazwisko2', 'length', {min: 3, max: 10, failure_message:'Długość od 3 do 10 znaków'});
{$validator_extra}
// -->
</script>
<script type="text/javascript">
jQuery(".skinimg").click( function () {
if( jQuery("#moonskin").val() != jQuery(this).attr("id").substr(1))
{
jQuery(".skinimg").fadeTo("fast", 0.33);
jQuery(this).fadeTo("fast", 1);
jQuery("#moonskin").val( jQuery(this).attr("id").substr(1) );
}
else
{
jQuery(".skinimg").fadeTo("slow", 1);
jQuery("#moonskin").val("");
}
});
jQuery("#hrpssel").change( function () {
if(jQuery(this).val() == '2') { jQuery("#ssel2").slideDown("slow"); jQuery("#ssel1").slideUp("slow");
} else if (jQuery(this).val() == '1') { jQuery("#ssel1").slideDown("slow"); jQuery("#ssel2").slideUp("slow");
} else { jQuery("#ssel2").slideUp("slow"); jQuery("#ssel1").slideUp("slow"); }
});
</script>
</td>
</tr>
</table>
</td>
</tr>
</table>
<//////////////////////////////>
</tbody></table>
</div>
</div>
</div>
</div>
<//>
{$footer}