var pie1,pie2,pie3,pie4; 
var portalpie1,portalpie2,portalpie3,portalpie4,portalpie5;

var piefontsize=12;
var tooltipfont=14;


Shiny.addCustomMessageHandler("portalpiedata1",
    function(message){
      var shinydata=message;

    datacontent = JSON.parse(shinydata);

    if (typeof portalpie1 === "undefined") {

    //pie1=newpie("pieChart1",datacontent);
    portalpie1=new d3pie("pieportalChart1", {
    	"header": {
    		"title": {
    			"text": "Spending by Program Type or Department",
    			"fontSize": 22,
    			"font": "verdana"
    		},
    		"subtitle": {
    			"color": "#999999",
    			"fontSize": 10,
    			"font": "verdana"
    		},
    		"titleSubtitlePadding": 12
    	},
    	"footer": {
    		"color": "#999999",
    		"fontSize": 11,
    		"font": "open sans",
    		"location": "bottom-center"
    	},
    	"size": {
    		"canvasHeight": 350,
    		"canvasWidth": 550,
    		"pieOuterRadius": "88%"
    	},
    	"data": {
    	  "sortOrder": "value-desc",
    	  "content": datacontent
    	  
    	},
    	"labels": {
    		"outer": {
    			"pieDistance": 15
    		},
    		"mainLabel": {
    			"font": "verdana",
    			"fontSize":piefontsize
    		},
    		"percentage": {
    			"color": "#e1e1e1",
    			"font": "verdana",
    			"decimalPlaces": 0
    		},
    		"value": {
    			"color": "#e1e1e1",
    			"font": "verdana"
    		},
    		"lines": {
    			"enabled": true,
    			"color": "#cccccc"
    		},
    		"truncation": {
			     "enabled": true,
			     "truncateLength": 15
		    }
    	},
    	"tooltips": {
    		"enabled": true,
    		"type": "caption",
    		"styles": {
    			"fontSize": tooltipfont
    		}
    	},
    	"effects": {
    		"pullOutSegmentOnClick": {
    			"effect": "linear",
    			"speed": 400,
    			"size": 8
    		}
    	}
    }); 
  }else {
    portalpie1.updateProp("data.content", datacontent);
  }  

});





Shiny.addCustomMessageHandler("portalpiedata2",
    function(message){
      var shinydata=message;

    datacontent = JSON.parse(shinydata);

    if (typeof portalpie2 === "undefined") {

      portalpie2=new d3pie("pieportalChart2", {
      	"header": {
      		"title": {
      			"text": "Community Department Spending",
      			"fontSize": 22,
      			"font": "verdana"
      		},
      		"subtitle": {
      			"color": "#999999",
      			"fontSize": 10,
      			"font": "verdana"
      		},
      		"titleSubtitlePadding": 12
      	},
      	"footer": {
      		"color": "#999999",
      		"fontSize": 11,
      		"font": "open sans",
      		"location": "bottom-center"
      	},
      	"size": {
      		"canvasHeight": 350,
      		"canvasWidth": 550,
      		"pieOuterRadius": "88%"
      	},
      	"data": {
      	  "sortOrder": "value-desc",
      	  "content": datacontent
      	  
      	},
      	"labels": {
      		"outer": {
      			"pieDistance": 15
      		},
      		"mainLabel": {
      			"font": "verdana",
      			"fontSize":piefontsize
      		},
      		"percentage": {
      			"color": "#e1e1e1",
      			"font": "verdana",
      			"decimalPlaces": 0
      		},
      		"value": {
      			"color": "#e1e1e1",
      			"font": "verdana"
      		},
      		"lines": {
      			"enabled": true,
      			"color": "#cccccc"
      		},
      		"truncation": {
			        "enabled": true,
			        "truncateLength": 15
		      }
      	},
      	"tooltips": {
      		"enabled": true,
      		"type": "caption",
      		"styles": {
      			"fontSize": tooltipfont
      		}
      	},
      	"effects": {
      		"pullOutSegmentOnClick": {
      			"effect": "linear",
      			"speed": 400,
      			"size": 8
      		}
      	}
      }); 
    
    }else {
    portalpie2.updateProp("data.content", datacontent);
  }  
   

});




Shiny.addCustomMessageHandler("portalpiedata3",
     function(message){
      var shinydata=message;

    datacontent = JSON.parse(shinydata);

    if (typeof portalpie3 === "undefined") {

    portalpie3=new d3pie("pieportalChart3", {
    	"header": {
    		"title": {
    			"text": "Governance Department Spending",
    			"fontSize": 22,
    			"font": "verdana"
    		},
    		"subtitle": {
    			"color": "#999999",
    			"fontSize": 10,
    			"font": "verdana"
    		},
    		"titleSubtitlePadding": 12
    	},
    	"footer": {
    		"color": "#999999",
    		"fontSize": 11,
    		"font": "open sans",
    		"location": "bottom-center"
    	},
    	"size": {
    		"canvasHeight": 350,
    		"canvasWidth": 550,
    		"pieOuterRadius": "88%"
    	},
    	"data": {
    	  "sortOrder": "value-desc",
    	  "content": datacontent
    	  
    	},
    	"labels": {
    		"outer": {
    			"pieDistance": 15
    		},
    		"mainLabel": {
    			"font": "verdana",
    			"fontSize":piefontsize
    		},
    		"percentage": {
    			"color": "#e1e1e1",
    			"font": "verdana",
    			"decimalPlaces": 0
    		},
    		"value": {
    			"color": "#e1e1e1",
    			"font": "verdana"
    		},
    		"lines": {
    			"enabled": true,
    			"color": "#cccccc"
    		},
    		"truncation": {
			     "enabled": true,
			     "truncateLength": 15
		    }
    	},
    	"tooltips": {
    		"enabled": true,
    		"type": "caption",
    		"styles": {
    			"fontSize": tooltipfont
    		}
    	},
    	"effects": {
    		"pullOutSegmentOnClick": {
    			"effect": "linear",
    			"speed": 400,
    			"size": 8
    		}
    	}
    });
    }else {
    portalpie3.updateProp("data.content", datacontent);
  }  
    

});



Shiny.addCustomMessageHandler("portalpiedata4",
     function(message){
      var shinydata=message;

    datacontent = JSON.parse(shinydata);

   if (typeof portalpie4 === "undefined") {
    
    portalpie4=new d3pie("pieportalChart4", {
    	"header": {
    		"title": {
    			"text": "Strong Contribution Spending",
    			"fontSize": 22,
    			"font": "verdana"
    		},
    		"subtitle": {
    			"color": "#999999",
    			"fontSize": 10,
    			"font": "verdana"
    		},
    		"titleSubtitlePadding": 12
    	},
    	"footer": {
    		"color": "#999999",
    		"fontSize": 11,
    		"font": "open sans",
    		"location": "bottom-center"
    	},
    	"size": {
    		"canvasHeight": 350,
    		"canvasWidth": 550,
    		"pieOuterRadius": "88%"
    	},
    	"data": {
    	  "sortOrder": "value-desc",
    	  "content": datacontent
    	  
    	},
    	"labels": {
    		"outer": {
    			"pieDistance": 15
    		},
    		"mainLabel": {
    			"font": "verdana",
    			"fontSize":piefontsize
    		},
    		"percentage": {
    			"color": "#e1e1e1",
    			"font": "verdana",
    			"decimalPlaces": 0
    		},
    		"value": {
    			"color": "#e1e1e1",
    			"font": "verdana"
    		},
    		"lines": {
    			"enabled": true,
    			"color": "#cccccc"
    		},
    		"truncation": {
    			"enabled": true,
    			"truncateLength": 15
    		}
    	},
    	"tooltips": {
    		"enabled": true,
    		"type": "caption",
    		"styles": {
    			"fontSize": tooltipfont
    		}
    	},
    	"effects": {
    		"pullOutSegmentOnClick": {
    			"effect": "linear",
    			"speed": 400,
    			"size": 8
    		}
    	}
    }); 
   }else {
    portalpie4.updateProp("data.content", datacontent);
  }  

});





/*--------------------------------------------------------------------
 These are the 4 Pies for Program Type, Fund, Department, Budget TYpe
----------------------------------------------------------------------*/

Shiny.addCustomMessageHandler("piedata1",
     function(message){
      var shinydata=message;

    datacontent = JSON.parse(shinydata);

  if (typeof pie1 === "undefined") {
    
    //pie1=newpie("pieChart1",datacontent);
      pie1=new d3pie("pieChart1", {
      	"header": {
      		"title": {
      			"text": "Program Type",
      			"fontSize": 22,
      			"font": "verdana"
      		},
      		"subtitle": {
      			"color": "#999999",
      			"fontSize": 10,
      			"font": "verdana"
      		},
      		"titleSubtitlePadding": 12
      	},
      	"footer": {
      		"color": "#999999",
      		"fontSize": 11,
      		"font": "open sans",
      		"location": "bottom-center"
      	},
      	"size": {
      		"canvasHeight": 350,
      		"canvasWidth": 550,
      		"pieOuterRadius": "88%"
      	},
      	"data": {
      	  "sortOrder": "value-desc",
      	  "content": datacontent
      	  
      	},
      	"labels": {
      		"outer": {
      			"pieDistance": 15
      		},
      		"mainLabel": {
      			"font": "verdana",
      			"fontSize":piefontsize
      		},
      		"percentage": {
      			"color": "#e1e1e1",
      			"font": "verdana",
      			"decimalPlaces": 0
      		},
      		"value": {
      			"color": "#e1e1e1",
      			"font": "verdana"
      		},
      		"lines": {
      			"enabled": true,
      			"color": "#cccccc"
      		},
      		"truncation": {
			     "enabled": true,
			     "truncateLength": 15
		      }
      	},
      	"tooltips": {
      		"enabled": true,
      		"type": "caption",
      		"styles": {
      			"fontSize": tooltipfont
      		}
      	},
      	"effects": {
      		"pullOutSegmentOnClick": {
      			"effect": "linear",
      			"speed": 400,
      			"size": 8
      		}
      	}
      }); 
  }else {
    pie1.updateProp("data.content", datacontent);
  }      
      
});




Shiny.addCustomMessageHandler("piedata2",
     function(message){
      var shinydata=message;

    datacontent = JSON.parse(shinydata);

  if (typeof pie2 === "undefined") {
    //pie1=newpie("pieChart1",datacontent);
        pie2=new d3pie("pieChart2", {
        	"header": {
        		"title": {
        			"text": "Funds",
        			"fontSize": 22,
        			"font": "verdana"
        		},
        		"subtitle": {
        			"color": "#999999",
        			"fontSize": 10,
        			"font": "verdana"
        		},
        		"titleSubtitlePadding": 12
        	},
        	"footer": {
        		"color": "#999999",
        		"fontSize": 11,
        		"font": "open sans",
        		"location": "bottom-center"
        	},
        	"size": {
        		"canvasHeight": 350,
        		"canvasWidth": 550,
        		"pieOuterRadius": "88%"
        	},
        	"data": {
        	  "sortOrder": "value-desc",
        	  "content": datacontent
        	  
        	},
        	"labels": {
        		"outer": {
        			"pieDistance": 15
        		},
        		"mainLabel": {
        			"font": "verdana",
        			"fontSize":piefontsize
        		},
        		"percentage": {
        			"color": "#e1e1e1",
        			"font": "verdana",
        			"decimalPlaces": 0
        		},
        		"value": {
        			"color": "#e1e1e1",
        			"font": "verdana"
        		},
        		"lines": {
        			"enabled": true,
        			"color": "#cccccc"
        		},
        		"truncation": {
			        "enabled": true,
			        "truncateLength": 15
		        }
        	},
        	"tooltips": {
        		"enabled": true,
        		"type": "caption",
        		"styles": {
        			"fontSize": tooltipfont
        		}
        	},
        	"effects": {
        		"pullOutSegmentOnClick": {
        			"effect": "linear",
        			"speed": 400,
        			"size": 8
        		}
        	}
        }); 
    }else {
        pie2.updateProp("data.content", datacontent);
    }   

});





Shiny.addCustomMessageHandler("piedata3",
     function(message){
      var shinydata=message;

    datacontent = JSON.parse(shinydata);

  if (typeof pie3 === "undefined") {
    //pie1=newpie("pieChart1",datacontent);
      pie3=new d3pie("pieChart3", {
      	"header": {
      		"title": {
      			"text": "Departments",
      			"fontSize": 22,
      			"font": "verdana"
      		},
      		"subtitle": {
      			"color": "#999999",
      			"fontSize": 10,
      			"font": "verdana"
      		},
      		"titleSubtitlePadding": 12
      	},
      	"footer": {
      		"color": "#999999",
      		"fontSize": 11,
      		"font": "open sans",
      		"location": "bottom-center"
      	},
      	"size": {
      		"canvasHeight": 350,
      		"canvasWidth": 550,
      		"pieOuterRadius": "88%"
      	},
      	"data": {
      	  "sortOrder": "value-desc",
      	  "content": datacontent
      	  
      	},
      	"labels": {
      		"outer": {
      			"pieDistance": 15
      		},
      		"mainLabel": {
      			"font": "verdana",
      			"fontSize":piefontsize
      		},
      		"percentage": {
      			"color": "#e1e1e1",
      			"font": "verdana",
      			"decimalPlaces": 0
      		},
      		"value": {
      			"color": "#e1e1e1",
      			"font": "verdana"
      		},
      		"lines": {
      			"enabled": true,
      			"color": "#cccccc"
      		},
        	"truncation": {
			       "enabled": true,
			       "truncateLength": 15
		      }
      	},
      	"tooltips": {
      		"enabled": true,
      		"type": "caption",
      		"styles": {
      			"fontSize": tooltipfont
      		}
      	},
      	"effects": {
      		"pullOutSegmentOnClick": {
      			"effect": "linear",
      			"speed": 400,
      			"size": 8
      		}
      	}
      }); 
    }else {
        pie3.updateProp("data.content", datacontent);
    }    
      
});



Shiny.addCustomMessageHandler("piedata4",
     function(message){
      var shinydata=message;

    datacontent = JSON.parse(shinydata);

  if (typeof pie4 === "undefined") {
    //pie1=newpie("pieChart1",datacontent);
      pie4=new d3pie("pieChart4", {
      	"header": {
      		"title": {
      			"text": "Program Funding",
      			"fontSize": 22,
      			"font": "verdana"
      		},
      		"subtitle": {
      			"color": "#999999",
      			"fontSize": 10,
      			"font": "verdana"
      		},
      		"titleSubtitlePadding": 12
      	},
      	"footer": {
      		"color": "#999999",
      		"fontSize": 11,
      		"font": "open sans",
      		"location": "bottom-center"
      	},
      	"size": {
      		"canvasHeight": 350,
      		"canvasWidth": 550,
      		"pieOuterRadius": "88%"
      	},
      	"data": {
      	  "sortOrder": "value-desc",
      	  "content": datacontent
      	  
      	},
      	"labels": {
      		"outer": {
      			"pieDistance": 15
      		},
      		"mainLabel": {
      			"font": "verdana",
      			"fontSize":piefontsize
      		},
      		"percentage": {
      			"color": "#e1e1e1",
      			"font": "verdana",
      			"decimalPlaces": 0
      		},
      		"value": {
      			"color": "#e1e1e1",
      			"font": "verdana"
      		},
      		"lines": {
      			"enabled": true,
      			"color": "#cccccc"
      		},
      		"truncation": {
			       "enabled": true,
			       "truncateLength": 15
		      }
      	},
      	"tooltips": {
      		"enabled": true,
      		"type": "caption",
      		"styles": {
      			"fontSize": tooltipfont
      		}
      	},
      	"effects": {
      		"pullOutSegmentOnClick": {
      			"effect": "linear",
      			"speed": 400,
      			"size": 8
      		}
      	}
      }); 
    }else {
        pie4.updateProp("data.content", datacontent);
    } 

});