<script>
	document.getElementsByTagName('title')[0].innerHTML = "Register | Mad Splash!";
</script>

<section id="HBIG">
	<h1>REGISTER</h1>
</section>

<section id="body">
	<div style="width: 100%; margin-bottom: 4px; height: 1px;">&nbsp;</div>
	
	<section id="singleColumn">
		<div class="left" style="width: 560px; border-right: 1px solid #e0e0e0; display: inline-block;">
			<h1 class="H1-2">Register for <font color="#008be8">Mad Splash</font></h1>
			<form action="../Resources/Scripts/PHP/Hubs/CommunityHub.php?action=register" method="post" style="padding-left: 12px;">
				
				
				<label for="username">
					Username 
					
					<span style="font-size: 10px; font-weight: normal; position: relative; bottom: 1px;">
						(24 characters max; spaces allowed)
					</span>
				</label>
				<input type="text" name="username" style="width: 420px;">
				<?php if(isset($_SESSION['error'])) { displayErrors(array("1", "2", "3", "4"), $_SESSION['error']); } ?>
				
				<br />
				
				<label for="password">
					Password 
					<div id="security" class="default" style="width: 200px; float: right; right: 120px; top: 6px;">&nbsp;</div>
					
					<span style="font-size: 10px; font-weight: normal; position: relative; bottom: 1px;">
						(minimum 8 characters)
					</span>
				</label> 
				<input id="password" type="password" name="password" style="width: 420px;">
				<?php if(isset($_SESSION['error'])) {displayErrors(array("8"), $_SESSION['error']); } ?>
				
				<label for="confirmpass">Confirm Password</label> <input type="password" name="confirmpass" style="width: 420px;">
				<?php if(isset($_SESSION['error'])) { displayErrors(array("9", "10"), $_SESSION['error']); } ?>
				
				<br />
				
				<label for="email">Email Address</label> <input type="text" name="email" style="width: 420px;">
				<?php if(isset($_SESSION['error'])) { displayErrors(array("5", "6", "7"), $_SESSION['error']); } ?>
				
				<br />
				
				<label for="country" style="margin-right: 46px;">Country</label>
					<select name="country" style="position: relative; bottom: 1px;">
						<option value="Somewhere">Somewhere</option>
									
						<option value="UnitedStates">United States</option>
						<option value="UnitedKingdom">United Kingdom</option>
									
						<option value="Austria">Austria</option>
						<option value="Australia">Australia</option>
						<option value="Antarctica">Antartica</option>
									
						<option value="Brazil">Brazil</option>
						<option value="Belgium">Belgium</option>
									
						<option value="China">China</option>
									
						<option value="Egypt">Egypt</option>
						<option value="Estonia">Estonia</option>
						<option value="England">England</option>
									
						<option value="France">France</option>
									
						<option value="Germany">Germany</option>
						<option value="Gautemala">Gautemala</option>
									
						<option value="HongKong">Hong Kong</option>
									
						<option value="India">India</option>
						<option value="Italy">Italy</option>
						<option value="Iceland">Iceland</option>
						<option value="Ireland">Ireland</option>
									
						<option value="Japan">Japan</option>
									
						<option value="Mexico">Mexico</option>
									
						<option value="Norway">Norway</option>
						<option value="NewZealand">New Zealand</option>
						<option value="Netherlands">Netherlands</option>
									
						<option value="Russia">Russia</option>
									
						<option value="Spain">Spain</option>
						<option value="Sweden">Sweden</option>
						<option value="Scotland">Scotland</option>
						<option value="SierraLeone">Sierra Leone</option>
									
						<option value="Turkey">Turkey</option>
					</select>
								
				<br />
								
				<label style="margin-right: 52px;">Gender</label>
					<label for="sex" style="font-weight: normal;">Male</label> 
					<input class="radiobutton" type="radio" name="sex" value="Male">
					<label for="sex" style="font-weight: normal;">Female</label> 
					<input class="radiobutton" type="radio" name="sex" value="Female">
					
				<br />
					
				<label style="margin-right: 9px;">Your Birthday</label>
				<select id="month" name="month">
					<option value="-">-</option>
					<option value="1">January</option>
					<option value="2">Febuary</option>
					<option value="3">March</option>
					<option value="4">April</option>
					<option value="5">May</option>
					<option value="6">June</option>
					<option value="7">July</option>
					<option value="8">August</option>
					<option value="9">September</option>
					<option value="10">October</option>
					<option value="11">November</option>
					<option value="12">December</option>
				</select>
				<select id="day" name="day">
					<option value="-">-</option>
					<option value="1">1</option>
					<option value="2">2</option>
					<option value="3">3</option>
					<option value="4">4</option>
					<option value="5">5</option>
					<option value="6">6</option>
					<option value="7">7</option>
					<option value="8">8</option>
					<option value="9">9</option>
					<option value="10">10</option>
					<option value="11">11</option>
					<option value="12">12</option>
					<option value="13">13</option>
					<option value="14">14</option>
					<option value="15">15</option>
					<option value="16">16</option>
					<option value="17">17</option>
					<option value="18">18</option>
					<option value="19">19</option>
					<option value="20">20</option>
					<option value="21">21</option>
					<option value="22">22</option>
					<option value="23">23</option>
					<option value="24">24</option>
					<option value="25">25</option>
					<option value="26">26</option>
					<option value="27">27</option>
					<option value="28">28</option>
					<option value="29">29</option>
					<option value="30">30</option>
					<option value="31">31</option>
				</select>
				<select id="year" name="year">
					<option value="-">-</option>
					<option value="2014">2014</option>
					<option value="2013">2013</option>
					<option value="2012">2012</option>
					<option value="2011">2011</option>
					<option value="2010">2010</option>
					<option value="2009">2009</option>
					<option value="2008">2008</option>
					<option value="2007">2007</option>
					<option value="2006">2006</option>
					<option value="2005">2005</option>
					<option value="2004">2004</option>
					<option value="2003">2003</option>
					<option value="2002">2002</option>
					<option value="2001">2001</option>
					<option value="2000">2000</option>
					<option value="1999">1999</option>
					<option value="1998">1998</option>
					<option value="1997">1997</option>
					<option value="1996">1996</option>
					<option value="1995">1995</option>
					<option value="1994">1994</option>
					<option value="1993">1993</option>
					<option value="1992">1992</option>
					<option value="1991">1991</option>
					<option value="1990">1990</option>
					<option value="1989">1989</option>
					<option value="1988">1988</option>
					<option value="1987">1987</option>
					<option value="1986">1986</option>
					<option value="1985">1985</option>
					<option value="1984">1984</option>
					<option value="1983">1983</option>
					<option value="1982">1982</option>
					<option value="1981">1981</option>
					<option value="1980">1980</option>
					<option value="1979">1979</option>
					<option value="1978">1978</option>
					<option value="1977">1977</option>
					<option value="1976">1976</option>
					<option value="1975">1975</option>
					<option value="1974">1974</option>
					<option value="1973">1973</option>
					<option value="1972">1972</option>
					<option value="1971">1971</option>
					<option value="1970">1970</option>
					<option value="1969">1969</option>
					<option value="1968">1968</option>
					<option value="1967">1967</option>
					<option value="1966">1966</option>
					<option value="1965">1965</option>
					<option value="1964">1964</option>
					<option value="1963">1963</option>
					<option value="1962">1962</option>
					<option value="1961">1961</option>
					<option value="1960">1960</option>
					<option value="1959">1959</option>
				</select>
				
				<br /><br />
				
				<input class="blueButton" type="submit" name="registernsubmit" value="REGISTER">
				
				
				
				<div class="clear"> </div>
			</form>
		</div>
		
		<div class="right" style="width: 380px;">
			<h1 class="H1-2">What're the perks?</h1>
			
			Plenty, but they're all works in progress!
		</div>
		
		<div class="clear"> </div>
	</section>
	
	<?php if(isset($_SESSION['error'])) { unset($_SESSION['error']);} ?>
</section>