/**
*   Function used to create pie chart
*
*   THIS IS ONLY USED FOR TESTING
*/
/*jQuery(document).ready(function($) {
    
    var pieChartElement = $("#default");
    
    var labelPostfix = 'g';
	// data
	var data = [
		{ label: "Protein",  data: 18.9, color: '#AAC6E8'},
		{ label: "Fett",  data: 19.9, color: '#C4D6EF'},
		{ label: "Karbohydrat",  data: 43.4, color: '#CFDEF1'},
		{ label: "Salt",  data: 0.875, color: '#EBF0F9'}
	];
	
	// DEFAULT
    $.plot(pieChartElement, data, 
	{
		series: {
			pie: { 
				show: true,
				label: {
                    show: true,
                    radius: 2/4,
                    formatter: function(label, series){
                        return '<div class="pie-label">'+label+'<br/>'+series.data[0][1]+ labelPostfix +'</div>';
                    }
                },
                stroke: {
                    width: 0.5
                }
			}
		},
		
        legend: {
            show: false
        }
	});
	
});*/


var NorturaPieChart = {
    init: function(element, data, labelPostFix) {
        
        var thisReferance = this;

        thisReferance.pieChartElement = $(element);
        thisReferance.labelPostFix = labelPostFix;
        thisReferance.data = jQuery.parseJSON(data);
        
        // Remove fallback table used if javascript is disabled
        //fallback-table
        /*var fallbackTable = jQuery('div.fallback-table-wrapper');
        fallbackTable.hide();*/
        
        this.showPieChart(thisReferance);
        
    },
    
    showPieChart: function(thisReferance) {
        
        jQuery.plot(thisReferance.pieChartElement, thisReferance.data, 
    	{
    		series: {
    			pie: { 
    				show: true,
    				label: {
                        show: true,
                        radius: 0.55,
                        formatter: function(label, series){
                            return '<div class="pie-label '+label+'">'+label+'<br/>'+series.data[0][1] + thisReferance.labelPostFix +'</div>';
                        }
                    },
                    stroke: {
                        width: 0.5
                    }
    			}
    		},
    		
            legend: {
                show: false
            }
    	});
    }
}