orbit-4-1/app/views/basic_infos/index.html.erb

<%= stylesheet_link_tag "sign_up" %>
<section id="main-wrap">
	<div class="sign-up have-other-sign-in">
		<div class="form">
			<h3 class="login-logo">Please select a method for Basic Info</h3>
			<div class="option-block">
				<a href="<%= basic_infos_form_path %>" class="btn btn-info btn-large">Form</a>
				<div class="or">
					<div class="line left"></div>
					<span>OR</span>
					<div class="line right"></div>
				</div>
				<a href="javascript:void(0);" class="facebook"><img src="assets/facebook-logo.png" /></a>
			</div>
			<div class="option-block msg"></div>
		</div>

	</div>
</section>

<script type="text/javascript">
(function(){
	var facebookWindow = null,
		timeInterval = null;
	$("a.facebook").click(function(){
		facebookWindow = window.open('<%= facebook_server_path %>','login_window','height=668,width=1124,titlebar=0,statusbar=0,location=0');
		timeInterval = setInterval(function(){
			if( facebookWindow.closed ){
				clearInterval(timeInterval);
				$.getJSON("/facebook/get_friends",function(data){
					if(!data.success){
						$(".msg").text(data.message);
					}else{
						$(".msg").text("Import Succesfull!");
					}
				})
			}
		},1000);
	})

})()
</script>