var trinkets = '10150216058332815';
var foraging = '10150216055267815';
var booty = '10150216063597815';

var loading = 'Loading...<br/><img src="images/ajax-loader.gif"/>';

// Turn on/off Previous/Next buttons
var handlePageButtons = function(paging, album, who){
        $(album).find('.next').unbind();
        $(album).find('.prev').unbind();
        $(album).find('.next').addClass('off');
        $(album).find('.prev').addClass('off');
        
        if(paging != undefined){
                if(paging.next != undefined){
                        $(album).find('.next').removeClass('off');
                        $(album).find('.next').click(function(){getPage(paging.next, album, who);});
                }
                if(paging.previous != undefined){
                        $(album).find('.prev').removeClass('off');
                        $(album).find('.prev').click(function(){getPage(paging.previous, album, who);});
                }
        }
}

// Insert thumbnails into gallery
var updateGallery = function(photos, album, gallery, who){
    gallery.empty();
    $.each(photos.data, function(key,val){
        gallery.append('<a class="thumb" rel="gallery_'+who+'" href="'+this.images[0].source+'"><img src="'+this.images[0].source+'" /></a>');
    });
    $(album).find('.prev_next').css('display','block');
    $(gallery).append('<div class="clear"></div>');
    $(album).find('.prev_next').clone().appendTo(gallery);
    $('.thumb').colorbox();
    handlePageButtons(photos.paging, album, who);
}

// Get Previous/Next page
var getPage = function(link, album, who){
        var gallery = $(album).find('.gallery');
        gallery.html(loading);
        $.ajax({
                url: link,
                type: 'GET',
                dataType: 'jsonp',
                success: function(photos){
                        updateGallery(photos, album, gallery, who);
                },
                error: function(jqXHR, textStatus, errorThrown){
                        gallery.html('<span class="error">Unable to retrieve photos.</span>');
                }
        });
}

// Get the album
var loadAlbum = function(who){
        $('#'+who +' .gallery').html(loading);
        $.ajax({
                url: 'https://graph.facebook.com/'+eval(who)+'/photos',
                type: 'GET',
                dataType: 'jsonp',
                async: true,
                success: function(photos){
                        var album = $('#'+who);
                        var gallery = $(album).find('.gallery');
                        updateGallery(photos, album, gallery, who);
                },
                error: function(jqXHR, textStatus, errorThrown){
                        gallery.html('<span class="error">Unable to retrieve album.</span>');
                }
        });
}
