/*global jQuery */
 (function($) {

     // Display the view's UI.	
     function display() {
         var content = this.getContent();
         root = $.freemix.getTemplate("piechart-view-template");
         content.empty();
         root.appendTo(content);
         this.findWidget().recordPager();
     }

    function generateExhibitHTML() {
        var view = $("<div ex:role='view' ex:viewClass='Piechart' ex:viewLabel='" + this.config.name + "'></div>");
        var properties = [];
        var props = $.freemix.property.enabledProperties();
        var config = this.config;
        $.each(config.metadata,
        function(index, metadata) {
            var property = metadata.property;
            var identify = props[property];
            if (!metadata.hidden && identify) {
                properties[properties.length] = property;
            }

        });
        view.attr("ex:groupProperties", properties.join(', '));
        return view;
    }

    $.freemix.view.addViewType({
        label: "Pie Chart",
        thumbnail: "/site_media/images/piechart-icon.png",
        display: display,
        generateExhibitHTML: generateExhibitHTML,
        config: {
            type: "piechart",
            metadata: []
        }
    });

})(jQuery);