(function($) {
   $.fn.extend({
        artwork: function(options, data) {
            var artwork_container = this;
            var project_id = options.project_id;
//            var select = $$('select', $$('option', 'Select Category'));
//            $$('div', select, {'id': 'icon-controls'}).appendTo($(artwork_container));
            $$('div', {'id': 'icon-list'}).appendTo($(artwork_container));
            
            $.get('/artworks/lst/', null, function(data, status) {
                $('#icon-list').empty();
                var c = data.length;
                if (c == 0) {
                    $$('div', "You have not purchased any artwork", {'class': 'icon'}).appendTo($('#icon-list'));
                }
                for (var x = 0; x < c; x++) {
                    var filename = '/files/artwork/thumb.small.' + data[x].Artwork.filename;
                    var image_id = data[x].Artwork.id;
                    var image = $$('a', $$('img', {'src':filename,'width':48,'height':48}), {'href' : '', 'rel': image_id});
                    image.click(function() {
                        $.post('/projects/assign_artwork', {"data[Artwork][id]":$(this).attr('rel'),
                            "data[Project][id]":project_id}, function(data, status) {
                            $('#project-artwork').attr({'src': data.filename});
                            jQuery(document).trigger('close.facebox');
                        }, 'json');
                        return false;
                    });

                    $$('div', image, {'class': 'icon'}).appendTo($('#icon-list'));
                }
            }, 'json');
        }
   });
})(jQuery);