jQuery(function ($) {
    $.getJSON("/javascript/flickr-sets.json", function (data) {
        var list = $("<ul></ul>");
        $.each(data.photosets.photoset, function (i, set) {
            if (i >= 5) return;
            var link = $("<a/>").attr("title", set.description._content)
                .attr("href", "http://www.flickr.com/photos/mjryall/sets/" + set.id)
                .text(set.title._content);
            var li = $("<li/>").append(link);
            $(list).append(li);
        });
        $("#flickr-sets").append(list);
    });

    var thumbnailUrl = "http://farm{farm-id}.static.flickr.com/{server-id}/{id}_{secret}_s.jpg";
    var linkUrl = "http://www.flickr.com/photos/mjryall/{id}/";
    $.getJSON("/flickr-photos.cgi?count=8", function (data) {
        var photos = [];
        for (var i = 0; i < 8; i++) {
            var index = parseInt(Math.random() * data.photos.photo.length);
            photos.push(data.photos.photo[index]);
            data.photos.photo.splice(index, 1); // remove the photo so it doesn't appear twice
        }
        var list = $("<ul></ul");
        $.each(photos, function (i, photo) {
            var url = thumbnailUrl.replace("{farm-id}", photo.farm)
                .replace("{server-id}", photo.server)
                .replace("{id}", photo.id)
                .replace("{secret}", photo.secret);
            var img = $("<img/>").attr("src", url).attr("height", "75").attr("width", "75")
                .attr("title", photo.title).attr("alt", "A photo on Flickr");
            var link = $("<a></a>").attr("href", linkUrl.replace("{id}", photo.id)).append(img);
            var li = $("<li/>").append(link).addClass("flickr_badge_image");
            $(list).append(li);
        });
        $("#flickr-photos").append(list);
    })
});