$(document).ready(function () {

    $('.loadBtn').click(function () {        
            FB.init({
                appId: facebookConnectAppID,
                status: true, // check login status
                cookie: true, // enable cookies to allow the server to access the session
                xfbml: true  // parse XFBML
            });
            
            FB.getLoginStatus(function (response) {
                if (response.session) {
                    if (response.perms) {
                        // user is logged in and granted some permissions.
                        // perms is a comma separated list of granted permissions
                        FB.api('/me', function (response) {
                            query = FB.Data.query('select email,first_name,last_name from user where uid={0}', response.id);
                            FB.Data.waitOn([query], function () {
                                FB.Array.forEach(query.value, function (row) {
                                    $("#facebook_email").attr("value", row.email);
                                    $("#facebook_firstname").attr("value", row.first_name);
                                    $("#facebook_lastname").attr("value", row.last_name);
                                    $("#facebook_id").attr("value", response.id);
                                    $("#loginButton").attr("value", "Next");
                                    document.commentForm.submit();
                                });
                            });
                        });
                    } else {
                        // user is logged in, but did not grant any permissions
                        // alert("user is logged in, but did not grant any permissions");
                    }

                } else {
                    //alert("not loggedin");
                    FB.login(function (response) {
                        if (response.session) {
                            if (response.perms) {
                                FB.api('/me', function (response) {
                                    query = FB.Data.query('select email,first_name,last_name from user where uid={0}', response.id);
                                    FB.Data.waitOn([query], function () {
                                        FB.Array.forEach(query.value, function (row) {
                                            $("#facebook_email").attr("value", row.email);
                                            $("#facebook_firstname").attr("value", row.first_name);
                                            $("#facebook_lastname").attr("value", row.last_name);
                                            $("#facebook_id").attr("value", response.id);
                                            $("#loginButton").attr("value", "Next");
                                            document.commentForm.submit();
                                        });
                                    });
                                });
                                // user is logged in and granted some permissions.
                                // perms is a comma separated list of granted permissions
                            } else {
                                // user is logged in, but did not grant any permissions
                            }
                        } else {
                            //alert("user is not logged in");
                            // user is not logged in
                        }
                    }, { perms: 'email,publish_stream,offline_access' });
                }
            });           
        return false;
    })
})