/$(document).ready(function() {

	getAlbums();
	
	//show lightbox
	$(".foto").live('click',
		function() {		
			$("#lightbox")
				.css("backgroundImage", "url(http://graph.facebook.com/" + $(this).attr("id") + "/picture?callback=?)")
				.fadeTo('normal', 1);
		}
	);
	
	//hide lightbox
	$("#lightbox").live('click',
		function() {
			$(this).fadeTo('normal', 0);
			$(this).hide();
		}
	);
	
});

function getAlbums() {

	$('.fotos').html("")
				.fadeOut()
				.fadeIn();
	$('.navigatie').html("");
	$('.albums').html("");
	
	var fb_url = "http://graph.facebook.com/kevinpeetersfanpage/albums?callback=?";
	
	$.ajax({
		url: fb_url,
		dataType: "jsonp",
		success: function(data) {		
			for(x in data.data) {
				var name = data.data[x].name;
				var id = data.data[x].id;
				var link = data.data[x].link;
				
				if (name != "Wall Photos") {
				if (name != "Profile Pictures") {
				if (name != "Seizoen 2010") {
				if (name != "each") {
				if (name != "eachSlice") {
				if (name != "all") {
				if (name != "any") {
				if (name != "collect") {
				if (name != "detect") {
				if (name != "findAll") {
				if (name != "grep") {
				if (name != "include") {
				if (name != "inGroupsOf") {
				if (name != "inject") {
				if (name != "invoke") {
				if (name != "max") {
				if (name != "min") {
				if (name != "partition") {
				if (name != "pluck") {
				if (name != "reject") {
				if (name != "sortBy") {
				if (name != "clone") {
				if (name != "toArray") {
				if (name != "zip") {
				if (name != "size") {
				if (name != "inspect") {
				if (name != "detect") {
				if (name != "reverse") {
				if (name != "forEach") {
				if (name != "clear") {
				if (name != "first") {
				if (name != "last") {
				if (name != "compact") {
				if (name != "flatten") {
				if (name != "without") {
				if (name != "reverse") {
				if (name != "uniq") {
				if (name != "intersect") {
				if (name != "clone") {
				if (name != "toJSON") {
				if (name != "") {
				
					$('.albums').append("<div class=\"albumfoto\"><p><a href=\"#\" onclick=\"getPhotos(" + id + ", 0)\"><!--<img src=\"http://graph.facebook.com/" + id + "/picture?callback=?\" alt=\""+name+"\"/>--> " + name + "</a></p></div>");
				}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}
			}
		}
	});
	
}

function getPhotos(albumID, offset) {

	var limit = 10;

	$('.fotos').html("")
				.fadeOut()
				.fadeIn();
	$('.navigatie').html("");

	$('.albums').html("<p><a href=\"#\" onclick=\"getAlbums()\">Ga terug naar alle albums</a></p>");
	
	var fb_url = "http://graph.facebook.com/" + albumID + "/photos?callback=?&limit=" + limit + "&offset=" + offset;
	
	$.ajax({
		url: fb_url,
		dataType: "jsonp",
		success: function(data) {
		
			var count;
			
			var fb_second_url = "http://graph.facebook.com/" + albumID + "?callback=?";
			
			$.ajax({
				url: fb_second_url,
				dataType: "jsonp",
				success: function(data2) {
					count = data2.count;
					
					volgende = offset + limit;
					vorige = offset - limit;
					
					
					$('.navigatie').append("<p>");
					if ( offset != 0 ) 
						$('.navigatie').append("<button onclick=\"getPhotos(" + albumID + ", " + vorige + ")\">Vorige</button>");
					if ( offset != 0 && volgende < count)
						$('.navigatie').append(" | ");
					if ( volgende < count )
						$('.navigatie').append("<button onclick=\"getPhotos(" + albumID + ", " + volgende + ")\">Volgende</button></p>");
				}
			});
			
			for(x in data.data) {
				var link = data.data[x].images[0].source;
				var id = data.data[x].id;
								
				$('.fotos').append("<img src=\"" + link + "\" width=\"300px\" id=\"" + id + "\" class=\"foto\"/>");
			
			}			
		}
	});
}