// JavaScript Document
var jsonCallback = ""; //if this is cross domain add: &jsoncallback=?
var status = "";
var startMembers = 0;
var prevMembers = -1;
var startFriends = 0;
var prevFriends = -1;
var $j = jQuery.noConflict();
$j(document).ready(function(){
	getHome();
	//$("div").filter("#afwidget-content").html(homeHTML);
	$j("a").filter(".afhome").hide();
	$j("a").filter(".afprev").hide();
	$j("a").filter(".afnext").hide();
    $j("a")
	.filter(".afnext").click(function(event){
		if( status == "members" ){
			increaseMembers();
			updateMembers();
		}
		if( status == "friends" ){
			increaseFriends();
			updateFriends();
		}
		})
	.end()
	.filter(".afprev").click(function(event){
		if( status == "members" ){						  
			decreaseMembers();
			updateMembers();
		}
		if( status == "friends" ){
			decreaseFriends();
			updateFriends();
		}
		})
	.end()
	.filter(".afhome").click(function(event){
		$j("a").filter(".afhome").hide();
		$j("a").filter(".afprev").hide();
		$j("a").filter(".afnext").hide();
		
		//Re bind the actions to the links
		$j("a").filter(".afmore-members").bind("click", updateMembers);
		$j("a").filter(".afmore-friends").bind("click", updateFriends);
		startMembers = 0;
		prevMembers = -1;
		startFriends = 0;
		prevFriends = -1;
		getHome();
		})
	.end()
 });
function getHome(){
	$j("div").filter("#afwidget-content").html("");
	$j("div").filter("#afwidget-loading").show();
	$j.getJSON(afsiteurl+"/wordpress/wp-content/plugins/allfacebook/getMembers.php?start=0&"+jsonCallback,
		function(data){
		    $j("span").filter("#count").html(data.total_members);
		    $j("span").filter("#group-title").html("Members");
			//$j("<h3>"+data.total_members+"</h3>").appendTo("#count");
			$j("<div class='members_list'>").appendTo("#afwidget-content");
			//$j("<p style='padding:0;margin: 0;'>").appendTo("#afwidget-content");
			$j.each(data.members, function(i,member){
				if( i > 9 )
					return false;
				$j(member).appendTo("#afwidget-content");
				});
			//$j("</p>").appendTo("#afwidget-content");
			$j("</div>").appendTo("#afwidget-content");
			if( data.total_members > 9 )
				$j("<span style='float:right;'><a href='javascript:void(0);' style='padding-right:10px;'>More</a></span><div class='clearer'></div>").appendTo("#afwidget-content").bind('click',updateMembers);
		}
	);
	$j.getJSON(afsiteurl+"/wordpress/wp-content/plugins/allfacebook/getFriends.php?start="+startFriends+"&sleep=8&"+jsonCallback,
		function(data){
			if( data.total_friends == 0 )
				return false;
			$j("<div class='left'><span id='count-friends' class='count' >"+data.total_friends+"</span><span class='pink'>Friends</span></div><div class='clearer'></div>").appendTo("#afwidget-content");
			//$j("<p style='padding:0;margin: 0;'>").appendTo("#afwidget-content");
			$j("<div class='members_list'>").appendTo("#afwidget-content");
			$j.each(data.friends, function(i,friend){
				if( i > 9 )
					return false;
				$j(friend).appendTo("#afwidget-content");
				});
			$j("</div>").appendTo("#afwidget-content");
			//$j("</p>").appendTo("#afwidget-content");
			if( data.total_friends > 10 )
			    $j("<span style='float:right;'><a href='javascript:void(0);' style='padding-right:10px;'>More</a></span><div class='clearer'></div>").appendTo("#afwidget-content").bind('click',updateFriends);
		}
	);
	$j("div").filter("#afwidget-loading").hide();
}

function decreaseMembers(){
	if( startMembers > 23 )
		startMembers = startMembers - 20;
}
function increaseMembers(){
	startMembers = startMembers + 20;
}
function updateMembers(event){
	$j("div").filter("#afwidget-content").html("");
	$j("div").filter("#afwidget-loading").show();
	$j.getJSON(afsiteurl+"/wordpress/wp-content/plugins/allfacebook/getMembers.php?start="+startMembers+"&"+jsonCallback,
		function(data){
		    $j("span").filter("#count").html(data.total_members);
		    $j("span").filter("#group-title").html("Members");
			$j("<div class='members_list'>").appendTo("#afwidget-content");
			$j.each(data.members, function(i,member){
			    if( i > 19 )
					return false;
				$j(member).appendTo("#afwidget-content");
				});
			$j("</div>").appendTo("#afwidget-content");
			//Get the next/prev button
			$j("a").filter(".afhome").show();
			if( data.total_members > (startMembers + 20) )
				$j("a").filter(".afnext").show();
			else
				$j("a").filter(".afnext").hide();
			if(startMembers > 19)
				$j("a").filter(".afprev").show();
			else
				$j("a").filter(".afprev").hide();
			status = "members";
		}
	);
	$j("div").filter("#afwidget-loading").hide();
}
function increaseFriends(){
	startFriends = startFriends + 20;
}
function decreaseFriends(){
	if( startFriends > 19 )
		startFriends = startFriends - 20;	
}
function updateFriends(event){
	$j("div").filter("#afwidget-content").html("");
	$j("div").filter("#afwidget-loading").show();
	$j.getJSON(afsiteurl+"/wordpress/wp-content/plugins/allfacebook/getFriends.php?start="+startFriends+"&"+jsonCallback,
		function(data){
		    $j("span").filter("#count").html(data.total_friends);
		    $j("span").filter("#group-title").html("Friends");
		    $j("<div class='members_list'>").appendTo("#afwidget-content");
			//$j("<div class='left'><span id='count-friends' class='count' >"+data.total_friends+"</span><span class='pink'>Friends</span></div><div class='clearer'></div>").appendTo("#afwidget-content");
			//$j("<p style='padding:0;margin: 0;'>").appendTo("#afwidget-content");
			$j("<div class='members_list'>").appendTo("#afwidget-content");
			$j.each(data.friends, function(i,friend){
			    if( i > 19 )
					return false;
				$j(friend).appendTo("#afwidget-content");
				});
			$j("</div>").appendTo("#afwidget-content");
			//$j("</p>").appendTo("#afwidget-content");
			//Get the next/prev button
			$j("a").filter(".afhome").show();
			if( data.total_friends > (startFriends + 20) )
				$j("a").filter(".afnext").show();
			else
				$j("a").filter(".afnext").hide();
			if(startFriends > 19)
				$j("a").filter(".afprev").show();
			else
				$j("a").filter(".afprev").hide();
			status = "friends";
		}
	);
	$j("div").filter("#afwidget-loading").hide();
}