/**
 * 
 * Voorbeeld aanroep:
 * $('#myFlickrWidget').flickrFeed(
 *              "http://api.flickr.com/services/feeds/photos_public.gne",
 *              "12344567@N42",
 *              { onclick: function(e, url, title){
 *                  e.preventDefault();
 *                  $.slimbox(url, title);
 *                  },
 *              }
 *          );
 * 
 * 
 */
(function($) {

    $.fn.flickrFeed = function(feedURL, flickrID, options){
        
        var defaults = { size : 4,
                onclick: function(event, url, title){return true;} }
        var settings = defaults;
        if(options) {
            settings = $.extend({}, defaults, options);
        }
        
        var url = feedURL + '?jsoncallback=?';
        
        var widget = $(this);
        
        $.getJSON(url, {id: flickrID, format: "json"}, function(data){
            var feedContainer = $("<div></div>");
            $.each(data.items, function(i, item){
                var thumb = item.media.m.replace("_m.jpg", "_s.jpg");
                var big = item.media.m.replace("_m.jpg", "_b.jpg");
                if(i <= settings.size-1 ) {
                    var linkEl = $('<a></a>');
                    linkEl.attr('href', big);
                    linkEl.click(function(e){
                        settings.onclick(e, big, item.title);
                    });
                    
                    var imgEl = $("<img />");
                    imgEl.attr('src', thumb);
                    imgEl.attr('title', item.title);
                    
                    imgEl.appendTo(linkEl);
                    linkEl.appendTo(feedContainer);
                }
            });
            widget.append(feedContainer);
        });
        return this;
    };
    
})(jQuery);