$(document).ready(
	function()
	{
		$('#clockInButton').click(
			function()
			{
				$('#clockIn').slideToggle( 'medium' );

				$('#headerLoginForm').submit(
					function()
					{
						var email = $('#LoginForm_email').val();
						var pass = $('#LoginForm_password').val();

						$.ajax(
							{
								"data": 'LoginForm[email]=' + email + '&LoginForm[password]=' + pass + '&ajax=1',
								"type": 'POST',
								"url": '/user/login',
								"dataType": 'json',
								"error": function()
								{
									alert( 'There was a problem, sorry.' );
								},
								"success": function( $data )
								{
									if ( $data.result )
									{
										$('#headerLoginFormResult').html( 'Login Successful' );
										window.setTimeout( function() { $('#clockIn').slideUp( 'medium' ); }, 1000 );
										var clockInButton = $('#clockInButton');
										clockInButton.attr( 'href', '/user/logout' );
										clockInButton.html( 'Clock Out' );
										clockInButton.removeAttr( 'id' );
										clockInButton.unbind( 'click' );

										var registerButton = $('#registerButton');
										registerButton.attr( 'href', '/user/profile' );
										registerButton.html( 'Profile' );
										registerButton.removeAttr( 'id' );
									}
									else
									{
										$('#headerLoginFormResult').html( 'Login Failed' );
									}
								}
							}
						);

						return false;
					}
				);

				return false;
			}
		);
	}
);