$(function() {
setTimeout( function(){
  $.ajaxSetup({ cache: true });
  $.getScript('https://connect.facebook.net/en_US/sdk.js', function(){
    FB.init({
		xfbml: 'true',
  cookie: 'true',
  appId: '1881828828705959',
  version: 'v16.0' // or v2.1, v2.2, v2.3, ...
    });
    FB.getLoginStatus(function(response) {
     statusChangeCallback(response);
});

  });
}, 3000); // delay 500 ms
});

function statusChangeCallback(response) {

if (response.status === 'connected') {
document.getElementById("loadi").style.display="block";
var id_token= response.authResponse.accessToken;
testAPI(id_token);
document.getElementById("loadi").style.display="none";
} else if (response.status === 'not_authorized') {
document.getElementsByClassName('fb-login')[0].innerHTML = 'Unable To Login, Please Try Again!';
document.getElementsByClassName("adlogin")[0].style.display="block";
document.getElementsByClassName("adlogout")[0].style.display="none";
document.getElementById("loadi").style.display="none";
} else {
 document.getElementById('status').innerHTML = 'Please log ' +
        'into this app.';
document.getElementsByClassName('fb-login')[0].innerHTML = 'Unable To Login, Please Try Again!';
document.getElementsByClassName("adlogin")[0].style.display="block";
document.getElementsByClassName("adlogout")[0].style.display="none";
document.getElementById("loadi").style.display="none";
}
document.getElementById("loadi").style.display="none";
}
document.getElementById("loadi").style.display="none";

function testAPI(id_token) {
document.getElementById("loadi").style.display="block";
FB.api('/me?fields=name,id', function(response) {
var uid = response.id;
var un = response.name;
      console.log('Successful login for: ' + response.name);
document.getElementsByClassName('fb-login')[0].innerHTML = 'Login Successful! As ' + response.name;
document.getElementsByClassName("adlogin")[0].style.display="none";
document.getElementsByClassName("adlogout")[0].style.display="block";
document.getElementById("loadi").style.display="none";
});
document.getElementById("loadi").style.display="none";
}

function checkLoginState() {

FB.login(function(response) { if (response.authResponse) { document.getElementById("loadi").style.display="block"; var id_token= response.authResponse.accessToken; testAPI(id_token); document.getElementById("loadi").style.display="none"; } else{ alert("Login Failed!"); } }, {scope: "public_profile"});

}
document.getElementById("loadi").style.display="none";

function logoutFacebook()
{
document.getElementById("loadi").style.display="block";
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
document.getElementById("loadi").style.display="block";
var uid = response.authResponse.userID;
var accessToken = response.authResponse.accessToken;
FB.api('/me/permissions', 'delete', function(response) {
$.ajax( { url: "../account/logout.php", data: {id:"succ"}, success: function(data) { //alert(data);
document.getElementsByClassName('fb-login')[0].innerHTML = 'Logout Successful!';
document.getElementsByClassName("adlogin")[0].style.display="block";
document.getElementsByClassName("adlogout")[0].style.display="none";
document.getElementById("loadi").style.display="none";
} });
});
document.getElementById("loadi").style.display="none";
} else if (response.status === 'not_authorized') {
document.getElementsByClassName('fb-login')[0].innerHTML = 'Unable To Logout Please Refresh Page And Try Again!';
document.getElementById("loadi").style.display="none";
} else {
document.getElementsByClassName('fb-login')[0].innerHTML = 'Unable To Logout Please Refresh Page And Try Again!';
document.getElementById("loadi").style.display="none";
}
});
document.getElementById("loadi").style.display="none";
}
document.getElementById("loadi").style.display="none";