assets/www/scripts/facebook.js

if ((typeof cordova == 'undefined') && (typeof Cordova == 'undefined')) alert('Cordova variable does not exist. Check that you have included cordova.js correctly');
if (typeof CDV == 'undefined') alert('CDV variable does not exist. Check that you have included cdv-plugin-fb-connect.js correctly');
if (typeof FB == 'undefined') alert('FB variable does not exist. Check that you have included the Facebook JS SDK file.');
					
FB.Event.subscribe('auth.login', function(response) {
	//alert('auth.login event');
});
					
FB.Event.subscribe('auth.logout', function(response) {
		   alert('auth.logout event');
});
					
FB.Event.subscribe('auth.sessionChange', function(response) {
		   alert('auth.sessionChange event');
});
					
FB.Event.subscribe('auth.statusChange', function(response) {
		   //alert('auth.statusChange event');
});
					
function getLoginStatus() {
		FB.getLoginStatus(function(response) {
		if (response.status == 'connected') 
		{
			alert('logged in');
		}
		else 
		{
			alert('not logged in');
		}
	});
}
var fdata;
var count=0;
function me() {
	if(count===0)
	{
		login();
	}
	FB.api('/me/photos?limit=8&offset='+count, { fields: 'id, name, picture' },  function(response) {
	if (response.error) {
	alert(JSON.stringify(response.error));
	} 
	else 
	{
			var data = document.getElementById('facebook');
			$('#facebookMore').remove();
			fdata=response.data;
			response.data.forEach(function(item) {
				var d = document.createElement('div');
				if(item.name===undefined)
				{
					d.innerHTML = "<div class='cell'><a href="+"#"+"><img class='image' src="+item.picture+"/></a><br />"+"No caption"+"</div>";
				}
				else
				{
					d.innerHTML = "<div class='cell'><a href="+"#"+"><img class='image' src="+item.picture+"/></a><br />"+item.name.substr(0,20)+"..."+"</div>";
				}
				data.appendChild(d);
			});
	}
	count=count+8;
	//$('#facebook').append($('<a data-role="button" data-inline="true" data-direction="reverse" data-transition="fade" data-theme="a" href="#page1" data-icon="arrow-d" data-iconpos="right" id="facebookMore" class="more" data-role="button" data-icon="forward" onclick="me()" />').text('More..'));
	$('#facebook').append('<a data-role="button" data-inline="true" data-theme="a" data-icon="arrow-d" data-iconpos="right" id="facebookMore" class="more" onclick="me()">More...</a>');
   });
}         
function login() {
	FB.login(
		function(response) {
			if (response.session) {
				alert('logged in');
			} 
			else {
				//alert('not logged in');
			}
		},
		{ scope: "user_photos" }
	);
	//me();
}            
document.addEventListener('deviceready', function() {
						  try {
							  FB.init({ appId: "423746790989627", nativeInterface: CDV.FB, useCachedDialogs: false });
						  } catch (e) {
							  alert(e);
						  }
 }, false);
$(document).ready(function(){
	$('#facebookSwitch').off('change');
	$("#facebook").empty();
	$('#facebookSwitch').on('change', function()
	{
		if($(this).val()==="off")
		{
			$("#facebook").empty();
		}
		else
		{
			me();
		}
	});
});