Facebook Object
(
    [sharedSessionID:protected] => 
    [appId:protected] => 
    [appSecret:protected] => 
    [user:protected] => 0
    [signedRequest:protected] => 
    [state:protected] => 
    [accessToken:protected] => |
    [fileUploadSupport:protected] => 
    [trustForwarded:protected] => 
)

	<div class="middle">
		<div class="banner_bg" style="background:url('') no-repeat; background-size: cover;">
			<div class="row">
                <div class="twelve columns">
                    <h1 class="section_page_title">Register Now</h1>
                </div>
            </div>
        </div>
		<div class="fb_box">
			<div class="row">
				<!-- facebook login -->
				<div class="facebook_login facebook_login_responsive">
					<div class="facebook_title">ARE YOU ON FACEBOOK?</div>
					<a href="https://www.facebook.com/dialog/oauth?redirect_uri=http%3A%2F%2Fwelcome.mf3.my%2Fen%2Fregister-with-us%3Fredirect%3D%26page%3Ddo-login%26type%3Dfb&state=6b597c183080ef1f18c58c8d4fff2864&scope=email%2Cuser_birthday" id="facebook_login"><i class="fa fa-facebook-square"></i> Facebook Login</a>
					<div class="facebook_content">We will never post on your behalf or share any information without your permission.</div>
				</div>
				<!-- end facebook login -->
			</div>
		</div>
		<div class="row">
			
			<!-- register member form -->
			<div class="six columns">
				<!--  login columns -->
				<div class="section page_register">
					<!-- User ID -->
					<div class="row">
							<form metohd="post" id="login_form" novalidate="novalidate">
								<h4 class="subtitle"><span>Registered Before?</span></h4>
								<p id="login_email_error">Your email or password was incorrect.</p>
								<input type="email" name="user_email"  class="username" placeholder="User Email" required="required">
								<input type="password" name="user_password" class="username" placeholder="User Password" required="required">
								<input type="hidden" name="language" value="en">			
								<input type="hidden" name="user_token" value="100515eeec4f27c38f46482a2d1c7cd8">
								<div class="login_submit">
									<input type="submit" class="sub" id="ajax_button" value="Login"><span id="ajax_loading"><i class="fa fa-refresh fa-spin"></i></span>
									<a href="//welcome.mf3.my/forgot-password.php?language=en" class="forgot_password">Forgot your password?</a>
								</div>
							</form>
						
					</div>
				</div>
				<!--  end login columns -->
			</div>
			<!-- end register member form -->
			
			<!--  register columns -->
			<div class="six columns">
				<div class="section page_register">
					
					<form metohd="post" id="register_form" novalidate="novalidate">
						<h4 class="subtitle"><span>Register as a Member?</span></h4>
						<p id="password_error">Password dint't match!</p>
						<p id="register_email_error">The specified email address is already in use. Please specify another.</p>
						<!-- User ID -->
						<input type="email" name="user_email" class="username" placeholder="User Email" required="required">
						<input type="text" name="user_name" class="username" placeholder="User Name" required="required">
						<input type="password" name="user_password" class="username" placeholder="User Password" required="required" class="valid">
						<input type="password" name="user_password_2" class="username" placeholder="Re-enter Password" required="required">
						<input type="hidden" name="user_token" value="100515eeec4f27c38f46482a2d1c7cd8">
						<div class="login_submit">
							<input type="submit" class="sub" id="ajax_button" value="Submit"><span id="ajax_loading"><i class="fa fa-refresh fa-spin"></i></span>
						</div>
					</form>
				</div>	
			</div>
			<!--  register columns -->
		</div>    
	</div><script>
// jquery register form validate
$(document).ready(function() {
	$("#login_form").validate({
		submitHandler: function (form) {
			$('#ajax_loading').show();
			$('#ajax_button').addClass('button_disabled').attr('disabled', 'disabled');
			$('#login_email_error').hide();
			// form validates so do the ajax
			var url = location.host,
				parent = $('#login_form');
				data = parent.serialize();
			$.ajax({
				type: 'POST',
				url: 'http://'+url+'/Request/validate_login.php',
				data: data,
				success: function (result) {
					if (result == 3){
						window.location.href='http://'+url+'//';
					}
					else if (result == 2){
						$('#login_email_error').show();
					}
					else{
						alert("Token error, system will auto reload the page!");	
						location.reload();
					}
					$('#ajax_loading').hide();
					$('#ajax_button').removeClass('button_disabled').removeAttr('disabled');
				}
			});
			return false; // ajax used, block the normal submit
		}
	});
});
// jquery register form validate
$(document).ready(function() {
	$("#register_form").validate({
		submitHandler: function (form) {
			$('#ajax_loading').show();
			$('#ajax_button').addClass('button_disabled').attr('disabled', 'disabled');
			$('#password_error').hide();
			$('#register_email_error').hide();
			// form validates so do the ajax
			var url = location.host,
				parent = $('#register_form');
				data = parent.serialize();
			$.ajax({
				type: 'POST',
				url: 'http://'+url+'/Request/validate_register.php',
				data: data,
				success: function (result) {
					if (result == 2){
						$('#password_error').show();
					}
					else if (result == 3){
						$('#register_email_error').show();	
					}
					else if (result == 4){
						$('.page_register').empty();
						$('.page_register').html('<h4 class="subtitle"><span>Congratualtions!</span></h4><div class="row" style="font-size:14px;"><div class="twelve columns">Your account has been created successfully<br><br><a href="http://'+url+'" class="sub">Continue</a></div>');
					}
					$('#ajax_loading').hide();
					$('#ajax_button').removeClass('button_disabled').removeAttr('disabled');
				}
			});
			return false; // ajax used, block the normal submit
		}
	});
});
</script>