jQuery(document).ready(function() {
	  jQuery(window).load(function() {	  
	  FB.ensureInit ( function(){
	  	var user_box = document.getElementById("fConnectButton");        				
			user_box.innerHTML =
		   "<span>"
		   +"<fb:login-button length='long' onlogin='update_user_box();'></fb:login-button>"
		   +"</span>";				        
		   FB.XFBML.Host.parseDomTree();		
		FB.Connect.ifUserConnected(		 
		function() {			
			update_user_box();
			},
		function() {			
			update_not_user_box();
			}								
		);	   		
		});
	});
	});		
		function update_user_box() {
			FB.ensureInit ( function(){
				FB.Facebook.get_sessionState().waitUntilReady ( function(){
     			FB.Facebook.apiClient.users_getInfo(FB.Facebook.apiClient.get_session().uid, 
       			new Array(["name"]),
       			function(result, ex) {
						if(result != null && result.length > 0) {
  									var name = result[0].name;      									      									
  									document.getElementsByName("authorName")[0].value = name;        
						}
						});
					});					
     			document.getElementById("fConButContainer").style.display="none";	
				var user_box = document.getElementById("faceBookContainer");   
				user_box.style.display="block";     				
	        user_box.innerHTML =
	          "<div class='fbImgCont'>"
	          +"<fb:profile-pic uid='loggedinuser' facebook-logo='true' height='50' width='50'></fb:profile-pic>"
			  		+"</div>"
			  		+"<span>"
	          +"Logged in as <fb:name uid='loggedinuser' useyou='false'></fb:name>"
	          +"<BR>"
	          +"using Facebook Connect "
	          +"<a href='#' onclick='FBCLogout(); return false;' >(Logout)</a>"
	          +"</span>"
			  		+"<div class='clearBoth'></div>";
	          FB.XFBML.Host.parseDomTree();      	
	        });		          
  }
  
   	function update_not_user_box() {
			document.getElementById("faceBookContainer").style.display="none";
			document.getElementById("fConButContainer").style.display="block";
   		document.getElementsByName("authorName")[0].value = '';    	
   		FB.ensureInit ( function(){
  		var user_box = document.getElementById("fConnectButton");	                				
	        user_box.innerHTML =
	        "<span>"
	        +"<fb:login-button length='long' onlogin='update_user_box();'></fb:login-button>"
	        +"</span>";	          
	          FB.XFBML.Host.parseDomTree();	          
	    });
		}
   

	function updateOnLogout() { 	
		FB.ensureInit ( function(){
			FB.Connect.ifUserConnected( 
				function() {				
				update_user_box();
				},
				function() {				
				update_not_user_box();
				}							
				);
			});							 								
	}
	
	function FBCLogout() { 	
		FB.ensureInit ( function(){
			FB.Connect.logout(function() {		
			updateOnLogout();		
			});
		});
	}

	var api_key = document.getElementById('api_key').value;		
	var channel_path = "/html/xd_receiver.htm";	
	FB.init(api_key, channel_path, {"ifUserConnected": update_user_box});