function update_userbox(name, image, url, logout) {

//populate the data in #userbox and show it
$('#userbox').html( "<a href='"+url+"'>"
+ "<img alt='"+name+"' src='"+image+"' />"
+ "Logged in as " + name + "</a> "
+ "(<a href='./index.php' onclick='" + logout + "'>logout</a>)" ).show();

//hide name input and service
//login buttons
$('#userinfo').hide();

//populate the values of the inputs
//using data from service
$('#name').val(name);
$('#url').val(url);
$('#image').val(image);

}


function auth_using_fb() {
//get the users data from FB
	
	FB.Facebook.get_sessionState().waitUntilReady(function()
	{

		var viewer  = FB.Facebook.apiClient.fql_query(

		'SELECT name, pic_square_with_logo,profile_url FROM user WHERE uid='+FB.Facebook.apiClient.get_session().uid,

		function(results) {
		update_userbox( results[0].name,
		results[0].pic_square_with_logo,
		results[0].profile_url,
		'FB.Connect.logoutAndRedirect("./index.php");return false;')
		}
		);

		var friends = new Array();
			FB.Facebook.apiClient.friends_get(null, function(frnds, ex) {
			  //Do something with result
										//window.alert("Friends list: " + frnds);
				friends = frnds;                       
		   
			  });
	 });
	FB.XFBML.Host.parseDomTree();

}