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

<section id="HBIG">
	<h1>LOGIN</h1>
	
	<img src="../Resources/Images/General/Cookie.png" style="position: absolute; right: 22px; top: 16px; float: right;" />
</section>

<section id="body">
	<div style="width: 100%; margin-bottom: 4px; height: 1px;">&nbsp;</div>
	
	<section id="singleColumn">
		<div class="left" style="width: 380px; border-right: 1px solid #e0e0e0; display: inline-block;">
			<h1 class="H1-2">Sign In</h1>
			<form action="../Resources/Scripts/PHP/Hubs/CommunityHub.php?action=login" method="post" style="padding-left: 12px;">
				
				
				<label for="username">Username</label> <input type="text" name="username" style="width: 300px;">
				<?php if(isset($_SESSION['error'])) { displayErrors(array("11"), $_SESSION['error']); } ?>
				<label for="password">Password</label> <input type="password" name="password" style="width: 300px;">
				<?php if(isset($_SESSION['error'])) { displayErrors(array("12"), $_SESSION['error']); } ?>
				<br />
				
				<input class="checkbox" type="checkbox" name="rememberMe" value="rememberMe"> <label for="rememberMe">Remember Me</label> <br />
				<a href="http://madsplash.net/community/iForgot.php?my=password">Forgot your password?</a>
				
				<br /><br />
				
				<?php if(isset($_SESSION['error'])) { displayErrors(array("13"), $_SESSION['error']); } ?>
				
				<input class="blueButton" type="submit" name="loginsubmit" value="LOGIN">
				
				
				
				<div class="clear"> </div>
			</form>
		</div>
		
		<div class="right" style="width: 560px;">
			<h1 class="H1-2">Don't Have an Account?</h1>
			
			<img src="../Resources/Images/General/Cookie.png" style="display: block; height: 280px; margin: 6px auto; margin-bottom: 16px;" />
				
			<input class="blueButton" type="button" value="CREATE AN ACCOUNT" onClick="window.location.href='community.php?page=register'">
		</div>
		
		<div class="clear"> </div>
	</section>
</section>