function make_index_ftse(){
	var index_ftse;

	var datay = [];
	var max_scale;
	var min_scale;
	
	$.ajax({
	    url: '../highcharts/index_ftse.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (var i in response.datay){
				datay[i] = parseFloat(response.datay[i]);
			}
			max_scale = response.max_scale;
			min_scale = response.min_scale;
	
			index_ftse = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_index_ftse',
					defaultSeriesType: 'line',
					spacingRight: 10,
					spacingBottom: 40
				},
				credits: {
					enabled: false
				},
				title: {
					text: ''
				},
				xAxis: {
					title: {
						text: ''
					},
					labels: {
						enabled: false
					},
					gridLineWidth: 0, 
					tickWidth: 0
				},
				yAxis: {
					title: {
						text: ''
					},
					min: min_scale,
					max: max_scale,
					startOnTick: false,
					showFirstLabel: true
				},
				tooltip: {
					enabled: true,
					formatter: function() {
						return this.y;
					}           
				},
				legend: {
					enabled: false
				},
				plotOptions: {
					area: {
						fillColor: {
							linearGradient: [0, 0, 0, 200],
							stops: [
								[0, '#0790c8'],
								[1, '#ffffff']
							]
						},
						lineWidth: 1,
						marker: {
							enabled: false,
							states: {
								hover: {
									enabled: true
								}
							}
						},
						shadow: false,
						states: {
							hover: {
								lineWidth: 1                  
							}
						}
					}
				},
				series: [{
					type: 'area',
					data: datay
				}]
			});
	    }
	});
}

function make_index_ftse2(){
	var index_ftse;

	var datay = [];
	var max_scale;
	var min_scale;
	
	$.ajax({
	    url: '../highcharts/index_ftse2.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
	    	var values;
	    	var val;
	    	var val_date;
			for (var i in response.datay){
				val = parseFloat(response.datay[i][0]);
				val_date = parseInt(response.datay[i][1]) * 1000;
	    		datay[i] = [val_date, val];
			}
			max_scale = response.max_scale;
			min_scale = response.min_scale;
	
			index_ftse = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_index_ftse',
					defaultSeriesType: 'spline',
					spacingRight: 10,
					zoomType: 'x'
				},
				credits: {
					enabled: false
				},
				title: {
					text: ''
				},
				xAxis: {
					type: 'datetime',
					startOnTick: false,
					labels: {
						rotation: -30,
						align: 'right'
					},
					maxZoom: 14 * 24 * 3600000 // fourteen days
				},
				yAxis: {
					title: {
						text: ''
					},
					min: min_scale,
					max: max_scale,
					startOnTick: false,
					showFirstLabel: true
				},
				tooltip: {
					enabled: true,
					formatter: function() {
						return this.y;
					}           
				},
				legend: {
					enabled: false
				},
				plotOptions: {
					area: {
						fillColor: {
							linearGradient: [0, 0, 0, 200],
							stops: [
								[0, '#0790c8'],
								[1, '#ffffff']
							]
						},
						lineWidth: 1,
						marker: {
							enabled: false,
							states: {
								hover: {
									enabled: true
								}
							}
						},
						shadow: false,
						states: {
							hover: {
								lineWidth: 1                  
							}
						}
					}
				},
				series: [{
					type: 'area',
					data: datay
				}]
			});
	    }
	});
}

function make_index_micex(){
	var index_micex;

	var datay = [];
	var max_scale;
	var min_scale;
	
	$.ajax({
	    url: '../highcharts/index_micex.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (var i in response.datay){
				datay[i] = parseFloat(response.datay[i]);
			}
			max_scale = response.max_scale;
			min_scale = response.min_scale;
	
			index_ftse = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_index_micex',
					defaultSeriesType: 'line',
					spacingRight: 10,
					spacingBottom: 40
				},
				credits: {
					enabled: false
				},
				title: {
					text: ''
				},
				xAxis: {
					title: {
						text: ''
					},
					labels: {
						enabled: false
					},
					gridLineWidth: 0, 
					tickWidth: 0
				},
				yAxis: {
					title: {
						text: ''
					},
					min: min_scale,
					max: max_scale,
					startOnTick: false,
					showFirstLabel: true
				},
				tooltip: {
					enabled: true,
					formatter: function() {
						return this.y;
					}           
				},
				legend: {
					enabled: false
				},
				plotOptions: {
					area: {
						fillColor: {
							linearGradient: [0, 0, 0, 200],
							stops: [
								[0, '#0790c8'],
								[1, '#ffffff']
							]
						},
						lineWidth: 1,
						marker: {
							enabled: false,
							states: {
								hover: {
									enabled: true
								}
							}
						},
						shadow: false,
						states: {
							hover: {
								lineWidth: 1                  
							}
						}
					}
				},
				series: [{
					type: 'area',
					data: datay
				}]
			});
	    }
	});
}

function make_index_micex2(){
	var index_micex;

	var datay = [];
	var max_scale;
	var min_scale;
	
	$.ajax({
	    url: '../highcharts/index_micex2.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
	    	var values;
	    	var val;
	    	var val_date;
			for (var i in response.datay){
				val = parseFloat(response.datay[i][0]);
				val_date = parseInt(response.datay[i][1]) * 1000;
	    		datay[i] = [val_date, val];
			}
			max_scale = response.max_scale;
			min_scale = response.min_scale;
	
			index_ftse = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_index_micex',
					defaultSeriesType: 'spline',
					spacingRight: 10,
					zoomType: 'x'
				},
				credits: {
					enabled: false
				},
				title: {
					text: ''
				},
				xAxis: {
					type: 'datetime',
					startOnTick: false,
					labels: {
						rotation: -30,
						align: 'right'
					},
					maxZoom: 14 * 24 * 3600000 // fourteen days
				},
				yAxis: {
					title: {
						text: ''
					},
					min: min_scale,
					max: max_scale,
					startOnTick: false,
					showFirstLabel: true
				},
				tooltip: {
					enabled: true,
					formatter: function() {
						return this.y;
					}           
				},
				legend: {
					enabled: false
				},
				plotOptions: {
					area: {
						fillColor: {
							linearGradient: [0, 0, 0, 200],
							stops: [
								[0, '#0790c8'],
								[1, '#ffffff']
							]
						},
						lineWidth: 1,
						marker: {
							enabled: false,
							states: {
								hover: {
									enabled: true
								}
							}
						},
						shadow: false,
						states: {
							hover: {
								lineWidth: 1                  
							}
						}
					}
				},
				series: [{
					type: 'area',
					data: datay
				}]
			});
	    }
	});
}

function make_statistic(id){
	var statistic;
	
	var datay = [];
	var labels;
	var max_scale;
	var min_scale;
	var title;
	var x_title;
	var y_title;
	
	$.ajax({
	    url: '../highcharts/statistic.php',
	    type: 'get',
	    data: 'id='+id,
	    dataType: 'json',
	    success: function(response){
	    	graph_id = response.graph_id;
			for (var i in response.datay){
				datay[i] = parseFloat(response.datay[i]);
			}
			labels = response.labels;
			max_scale = response.max_scale;
			min_scale = response.min_scale;
			title = response.title;
			x_title = response.x_title;
			y_title = response.y_title;
	
			statistic = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_stat_'+id,
					defaultSeriesType: 'column',
					spacingRight: 10
				},
				credits: {
					enabled: false
				},
				title: {
					text: title,
					style: {
						font: 'bold 12px "Trebuchet MS", Verdana, sans-serif',
						width: '520px'
					},
					margin: 30
				},
				xAxis: {
					categories: labels
				},
				yAxis: {
					min: 0,
					title: {
						text: y_title
					}
				},
				legend: {
					enabled: false
				},
				tooltip: {
					formatter: function() {
						return this.y;
					}
				},
				plotOptions: {
					column: {
						pointPadding: 0.05,
						borderWidth: 0
					}
				},
				series: [{
					data: datay
				}]
			});
	    }
	});
}

function make_statistic_vert(id){
	var statistic;
	
	var datay = [];
	var labels;
	var max_scale;
	var min_scale;
	var title;
	var x_title;
	var y_title;
	
	$.ajax({
	    url: '../highcharts/statistic.php',
	    type: 'get',
	    data: 'id='+id,
	    dataType: 'json',
	    success: function(response){
	    	graph_id = response.graph_id;
			for (var i in response.datay){
				datay[i] = parseFloat(response.datay[i]);
			}
			labels = response.labels;
			max_scale = response.max_scale;
			min_scale = response.min_scale;
			title = response.title;
			x_title = response.x_title;
			y_title = response.y_title;
	
			statistic = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_stat_'+id,
					defaultSeriesType: 'column',
					spacingRight: 10
				},
				credits: {
					enabled: false
				},
				title: {
					text: title,
					style: {
						font: 'bold 12px "Trebuchet MS", Verdana, sans-serif',
						width: '520px'
					},
					margin: 30
				},
				xAxis: {
					categories: labels,
					labels: {
						rotation: -30,
						align: 'right'
					}
				},
				yAxis: {
					min: 0,
					title: {
						text: y_title
					}
				},
				legend: {
					enabled: false
				},
				tooltip: {
					formatter: function() {
						return this.y;
					}
				},
				plotOptions: {
					column: {
						pointPadding: 0.05,
						borderWidth: 0
					}
				},
				series: [{
					data: datay
				}]
			});
	    }
	});
}

function make_mi_bloomberg(){
	var mi_bloomberg;
	
	var datay1 = [];
	var datay2 = [];
	var datay3 = [];
	var datay4 = [];
	var legend1;
	var legend2;
	var legend3;
	var legend4;
	var labels = [];
	var title;
	var y_title;
	var i;
	
	$.ajax({
	    url: '../highcharts/mi_bloomberg.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (i in response.datay1){
				datay1[i] = parseFloat(response.datay1[i]);
			}
			for (i in response.datay2){
				datay2[i] = parseFloat(response.datay2[i]);
			}
			for (i in response.datay3){
				datay3[i] = parseFloat(response.datay3[i]);
			}
			for (i in response.datay4){
				datay4[i] = parseFloat(response.datay4[i]);
			}
			legend1 = response.legend1;
			legend2 = response.legend2;
			legend3 = response.legend3;
			legend4 = response.legend4;
			labels = response.labels;
			title = response.title;
			y_title = response.y_title;
	
			mi_bloomberg = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_mi_bloomberg',
					defaultSeriesType: 'line',
					marginRight: 130,
					marginBottom: 70
				},
				credits: {
					enabled: false
				},
				title: {
					text: title,
					x: -20 //center
				},
				xAxis: {
					categories: labels,
					labels: {
						rotation: -30,
						align: 'right'
					},
					startOnTick: true,
					finishOnTick: true,
					tickmarkPlacement: 'on'
				},
				yAxis: {
					title: {
						text: y_title
					},
					plotLines: [{
						value: 0,
						width: 1,
						color: '#808080'
					}],
					min: -15
				},
				tooltip: {
					formatter: function() {
						return this.y;
					}
				},
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'top',
					x: -10,
					y: 50,
					borderWidth: 1,
					backgroundColor: '#ffffff'
				},
				symbols: 'circle',
				series: [{
					name: legend1,
					data: datay1
				}, {
					name: legend2,
					data: datay2
				}, {
					name: legend3,
					data: datay3
				}, {
					name: legend4,
					data: datay4
				}]
			});

	    }
	});
}

function make_mi_investbyregion1_1(){
	var mi_investbyregion1_1;
	
	var datay1 = [];
	var datay2 = [];
	var datay3 = [];
	var datay4 = [];
	var datay5 = [];
	var legend1;
	var legend2;
	var legend3;
	var legend4;
	var legend5;
	var labels = [];
	var title;
	var i;
	
	$.ajax({
	    url: '../highcharts/mi_investbyregion1_1.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (i in response.datay1){
				datay1[i] = parseFloat(response.datay1[i]);
			}
			for (i in response.datay2){
				datay2[i] = parseFloat(response.datay2[i]);
			}
			for (i in response.datay3){
				datay3[i] = parseFloat(response.datay3[i]);
			}
			for (i in response.datay4){
				datay4[i] = parseFloat(response.datay4[i]);
			}
			for (i in response.datay5){
				datay5[i] = parseFloat(response.datay5[i]);
			}
			legend1 = response.legend1;
			legend2 = response.legend2;
			legend3 = response.legend3;
			legend4 = response.legend4;
			legend5 = response.legend5;
			labels = response.labels;
			title = response.title;
			y_title = response.y_title;
	
			mi_investbyregion1_1 = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_mi_investbyregion1_1',
					defaultSeriesType: 'column',
					spacingRight: 10
				},
				credits: {
					enabled: false
				},
				title: {
					text: title
				},
				xAxis: {
					categories: labels,
					labels: {
						rotation: -30,
						align: 'right'
					}
				},
				yAxis: {
					min: 0,
					title: {
						text: ''
					}, 
					labels: {
						formatter: function() {
							return this.value;
						}
					}
				},
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'top',
					x: -10,
					y: 100,
					borderWidth: 1,
					backgroundColor: '#ffffff'
				},
				tooltip: {
					formatter: function() {
						return this.y;
					}
				},
				plotOptions: {
					column: {
						pointPadding: 0.05,
						borderWidth: 0
					}
				},
				series: [{
					name: legend1,
					data: datay1
				},{
					name: legend2,
					data: datay2
				},{
					name: legend3,
					data: datay3
				},{
					name: legend4,
					data: datay4
				},{
					name: legend5,
					data: datay5
				}]
			});
	    }
	});
}

function make_mi_investbyregion1_2(){
	var mi_investbyregion1_2;
	
	var datay1 = [];
	var datay2 = [];
	var datay3 = [];
	var datay4 = [];
	var datay5 = [];
	var datay6 = [];
	var datay7 = [];
	var datay8 = [];
	var legend1;
	var legend2;
	var legend3;
	var legend4;
	var legend5;
	var legend6;
	var legend7;
	var legend8;
	var labels = [];
	var title;
	var i;
	
	$.ajax({
	    url: '../highcharts/mi_investbyregion1_2.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (i in response.datay1){
				datay1[i] = parseFloat(response.datay1[i]);
			}
			for (i in response.datay2){
				datay2[i] = parseFloat(response.datay2[i]);
			}
			for (i in response.datay3){
				datay3[i] = parseFloat(response.datay3[i]);
			}
			for (i in response.datay4){
				datay4[i] = parseFloat(response.datay4[i]);
			}
			for (i in response.datay5){
				datay5[i] = parseFloat(response.datay5[i]);
			}
			for (i in response.datay6){
				datay6[i] = parseFloat(response.datay6[i]);
			}
			for (i in response.datay7){
				datay7[i] = parseFloat(response.datay7[i]);
			}
			for (i in response.datay8){
				datay8[i] = parseFloat(response.datay8[i]);
			}
			legend1 = response.legend1;
			legend2 = response.legend2;
			legend3 = response.legend3;
			legend4 = response.legend4;
			legend5 = response.legend5;
			legend6 = response.legend6;
			legend7 = response.legend7;
			legend8 = response.legend8;
			labels = response.labels;
			title = response.title;
	
			mi_investbyregion1_2 = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_mi_investbyregion1_2',
					defaultSeriesType: 'line',
					marginLeft: 50,
					marginRight: 130,
					marginBottom: 70
				},
				credits: {
					enabled: false
				},
				title: {
					text: title,
					x: -20 //center
				},
				xAxis: {
					categories: labels,
					labels: {
						rotation: -30,
						align: 'right'
					},
					startOnTick: true,
					finishOnTick: true,
					tickmarkPlacement: 'on'
				},
				yAxis: {
					title: {
						text: ''
					},
					plotLines: [{
						value: 0,
						width: 1,
						color: '#808080'
					}]
				},
				tooltip: {
					formatter: function() {
						return this.y;
					}
				},
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'top',
					x: -10,
					y: 100,
					borderWidth: 1,
					backgroundColor: '#ffffff'
				},
				symbols: 'circle',
				series: [{
					name: legend1,
					data: datay1
				}, {
					name: legend2,
					data: datay2
				}, {
					name: legend3,
					data: datay3
				}, {
					name: legend4,
					data: datay4
				}, {
					name: legend5,
					data: datay5
				}, {
					name: legend6,
					data: datay6
				}, {
					name: legend7,
					data: datay7
				}, {
					name: legend8,
					data: datay8
				}]
			});

	    }
	});
}

function make_mi_investbyregion2_1(){
	var mi_investbyregion2_1;
	
	var datay1 = [];
	var datay2 = [];
	var datay3 = [];
	var datay4 = [];
	var datay5 = [];
	var legend1;
	var legend2;
	var legend3;
	var legend4;
	var legend5;
	var labels = [];
	var title;
	var i;
	
	$.ajax({
	    url: '../highcharts/mi_investbyregion2_1.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (i in response.datay1){
				datay1[i] = parseFloat(response.datay1[i]);
			}
			for (i in response.datay2){
				datay2[i] = parseFloat(response.datay2[i]);
			}
			for (i in response.datay3){
				datay3[i] = parseFloat(response.datay3[i]);
			}
			for (i in response.datay4){
				datay4[i] = parseFloat(response.datay4[i]);
			}
			for (i in response.datay5){
				datay5[i] = parseFloat(response.datay5[i]);
			}
			legend1 = response.legend1;
			legend2 = response.legend2;
			legend3 = response.legend3;
			legend4 = response.legend4;
			legend5 = response.legend5;
			labels = response.labels;
			title = response.title;
	
			mi_investbyregion2_1 = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_mi_investbyregion2_1',
					defaultSeriesType: 'column',
					spacingRight: 10
				},
				credits: {
					enabled: false
				},
				title: {
					text: title
				},
				xAxis: {
					categories: labels,
					labels: {
						rotation: -30,
						align: 'right'
					}
				},
				yAxis: {
					min: 0,
					title: {
						text: ''
					}, 
					labels: {
						formatter: function() {
							return this.value;
						}
					}
				},
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'top',
					x: -10,
					y: 100,
					borderWidth: 1,
					backgroundColor: '#ffffff'
				},
				tooltip: {
					formatter: function() {
						return this.y;
					}
				},
				plotOptions: {
					column: {
						pointPadding: 0.05,
						borderWidth: 0
					}
				},
				series: [{
					name: legend1,
					data: datay1
				},{
					name: legend2,
					data: datay2
				},{
					name: legend3,
					data: datay3
				},{
					name: legend4,
					data: datay4
				},{
					name: legend5,
					data: datay5
				}]
			});
	    }
	});
}

function make_mi_investbyregion2_2(){
	var mi_investbyregion2_2;
	
	var datay1 = [];
	var datay2 = [];
	var datay3 = [];
	var datay4 = [];
	var datay5 = [];
	var legend1;
	var legend2;
	var legend3;
	var legend4;
	var legend5;
	var labels = [];
	var title;
	var i;
	
	$.ajax({
	    url: '../highcharts/mi_investbyregion2_2.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (i in response.datay1){
				datay1[i] = parseFloat(response.datay1[i]);
			}
			for (i in response.datay2){
				datay2[i] = parseFloat(response.datay2[i]);
			}
			for (i in response.datay3){
				datay3[i] = parseFloat(response.datay3[i]);
			}
			for (i in response.datay4){
				datay4[i] = parseFloat(response.datay4[i]);
			}
			for (i in response.datay5){
				datay5[i] = parseFloat(response.datay5[i]);
			}
			legend1 = response.legend1;
			legend2 = response.legend2;
			legend3 = response.legend3;
			legend4 = response.legend4;
			legend5 = response.legend5;
			labels = response.labels;
			title = response.title;
	
			mi_investbyregion2_2 = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_mi_investbyregion2_2',
					defaultSeriesType: 'line',
					marginLeft: 50,
					marginRight: 130,
					marginBottom: 70
				},
				credits: {
					enabled: false
				},
				title: {
					text: title,
					x: -20 //center
				},
				xAxis: {
					categories: labels,
					labels: {
						rotation: -30,
						align: 'right'
					},
					startOnTick: true,
					finishOnTick: true,
					tickmarkPlacement: 'on'
				},
				yAxis: {
					title: {
						text: ''
					},
					plotLines: [{
						value: 0,
						width: 1,
						color: '#808080'
					}]
				},
				tooltip: {
					formatter: function() {
						return this.y;
					}
				},
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'top',
					x: -10,
					y: 100,
					borderWidth: 1,
					backgroundColor: '#ffffff'
				},
				symbols: 'circle',
				series: [{
					name: legend1,
					data: datay1
				}, {
					name: legend2,
					data: datay2
				}, {
					name: legend3,
					data: datay3
				}, {
					name: legend4,
					data: datay4
				}, {
					name: legend5,
					data: datay5
				}]
			});

	    }
	});
}

function make_mi_investoverview_1(){
	var mi_investoverview_1;
	
	var datay1 = [];
	var datay2 = [];
	var datay3 = [];
	var datay4 = [];
	var datay5 = [];
	var datay6 = [];
	var datay7 = [];
	var datay8 = [];
	var datay9 = [];
	var datay10 = [];
	var datay11 = [];
	var legend1;
	var legend2;
	var legend3;
	var legend4;
	var legend5;
	var legend6;
	var legend7;
	var legend8;
	var legend9;
	var legend10;
	var legend11;
	var labels = [];
	var title;
	var y_title;
	var i;
	
	$.ajax({
	    url: '../highcharts/mi_investoverview_1.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (i in response.datay1){
				datay1[i] = parseFloat(response.datay1[i]);
			}
			for (i in response.datay2){
				datay2[i] = parseFloat(response.datay2[i]);
			}
			for (i in response.datay3){
				datay3[i] = parseFloat(response.datay3[i]);
			}
			for (i in response.datay4){
				datay4[i] = parseFloat(response.datay4[i]);
			}
			for (i in response.datay5){
				datay5[i] = parseFloat(response.datay5[i]);
			}
			for (i in response.datay6){
				datay6[i] = parseFloat(response.datay6[i]);
			}
			for (i in response.datay7){
				datay7[i] = parseFloat(response.datay7[i]);
			}
			for (i in response.datay8){
				datay8[i] = parseFloat(response.datay8[i]);
			}
			for (i in response.datay9){
				datay9[i] = parseFloat(response.datay9[i]);
			}
			for (i in response.datay10){
				datay10[i] = parseFloat(response.datay10[i]);
			}
			for (i in response.datay11){
				datay11[i] = parseFloat(response.datay11[i]);
			}
			legend1 = response.legend1;
			legend2 = response.legend2;
			legend3 = response.legend3;
			legend4 = response.legend4;
			legend5 = response.legend5;
			legend6 = response.legend6;
			legend7 = response.legend7;
			legend8 = response.legend8;
			legend9 = response.legend9;
			legend10 = response.legend10;
			legend11 = response.legend11;
			labels = response.labels;
			title = response.title;
			y_title = response.y_title;
	
			mi_investoverview_1 = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_mi_investoverview_1',
					defaultSeriesType: 'column',
					spacingRight: 10
				},
				credits: {
					enabled: false
				},
				title: {
					text: title
				},
				xAxis: {
					categories: labels,
					labels: {
						rotation: -30,
						align: 'right'
					}
				},
				yAxis: {
					title: {
						text: y_title
					}, 
					labels: {
						formatter: function() {
							return this.value;
						}
					}
				},
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'top',
					x: -10,
					y: 100,
					borderWidth: 1,
					backgroundColor: '#ffffff',
					reversed: true
				},
				tooltip: {
					formatter: function() {
			            return this.y;
					}
				},
				plotOptions: {
					column: {
						pointPadding: 0.05,
						borderWidth: 0,
						stacking: 'normal'
					}
				},
				series: [{
					name: legend11,
					data: datay11
				},{
					name: legend10,
					data: datay10,
					color: '#ffffff',
					pointWidth: '0px'
				},{
					name: legend9,
					data: datay9
				},{
					name: legend8,
					data: datay8
				},{
					name: legend7,
					data: datay7
				},{
					name: legend6,
					data: datay6
				},{
					name: legend5,
					data: datay5
				},{
					name: legend4,
					data: datay4
				},{
					name: legend3,
					data: datay3
				},{
					name: legend2,
					data: datay2
				},{
					name: legend1,
					data: datay1
				}]
			});
	    }
	});
}

function make_mi_investoverview_2(){
	var mi_investoverview_2;
	
	var datay1 = [];
	var labels = [];
	var title;
	var i;
	var pie_data = [];
	var total = 0;
	
	$.ajax({
	    url: '../highcharts/mi_investoverview_2.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (i in response.datay1){
				datay1[i] = parseFloat(response.datay1[i]);
			}
			labels = response.labels;
			title = response.title;

			for (i in datay1) {
				pie_data[i] = Array(labels[i],datay1[i]);
				total += datay1[i];
			}
	
			mi_investoverview_2 = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_mi_investoverview_2',
					plotBackgroundColor: null,
					plotBorderWidth: null,
					plotShadow: false
				},
				credits: {
					enabled: false
				},
				title: {
					text: title
				},
				tooltip: {
					formatter: function() {
						var percentage = 100*(this.y/total);
						return percentage.toFixed(1) +' %';
					}
				},
				plotOptions: {
					pie: {
						allowPointSelect: true,
						cursor: 'pointer',
						dataLabels: {
							enabled: true,
							color: Highcharts.theme.textColor || '#000000',
							connectorColor: Highcharts.theme.textColor || '#000000',
							formatter: function() {
								var percentage = 100*(this.y/total);
								return percentage.toFixed(1) +' %';
							}
						},
						showInLegend: true
					}
				},
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'top',
					x: -10,
					y: 100,
					borderWidth: 1,
					backgroundColor: '#ffffff'
				},
				series: [{
					type: 'pie',
					data: pie_data
				}]
			});
		}
	});
}

function make_mi_investoverview_3(){
	var mi_investoverview_3;
	
	var datay1 = [];
	var labels = [];
	var title;
	var i;
	var pie_data = [];
	var total = 0;
	
	$.ajax({
	    url: '../highcharts/mi_investoverview_3.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (i in response.datay1){
				datay1[i] = parseFloat(response.datay1[i]);
			}
			labels = response.labels;
			title = response.title;

			for (i in datay1) {
				pie_data[i] = Array(labels[i],datay1[i]);
				total += datay1[i];
			}
	
			mi_investoverview_2 = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_mi_investoverview_3',
					plotBackgroundColor: null,
					plotBorderWidth: null,
					plotShadow: false
				},
				credits: {
					enabled: false
				},
				title: {
					text: title
				},
				tooltip: {
					formatter: function() {
						var percentage = 100*(this.y/total);
						return percentage.toFixed(1) +' %';
					}
				},
				plotOptions: {
					pie: {
						allowPointSelect: true,
						cursor: 'pointer',
						dataLabels: {
							enabled: true,
							color: Highcharts.theme.textColor || '#000000',
							connectorColor: Highcharts.theme.textColor || '#000000',
							formatter: function() {
								var percentage = 100*(this.y/total);
								return percentage.toFixed(1) +' %';
							}
						},
						showInLegend: true
					}
				},
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'top',
					x: -10,
					y: 100,
					borderWidth: 1,
					backgroundColor: '#ffffff'
				},
				series: [{
					type: 'pie',
					data: pie_data
				}]
			});
		}
	});
}

function make_mi_investoverview_4(){
	var mi_investoverview_4;
	
	var datay1 = [];
	var datay2 = [];
	var legend1;
	var legend2;
	var labels = [];
	var title;
	var y_title1;
	var y_title2;
	var i;
	
	$.ajax({
	    url: '../highcharts/mi_investoverview_4.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (i in response.datay1){
				datay1[i] = parseFloat(response.datay1[i]);
			}
			for (i in response.datay2){
				datay2[i] = parseFloat(response.datay2[i]);
			}
			legend1 = response.legend1;
			legend2 = response.legend2;
			labels = response.labels;
			title = response.title;
			y_title1 = response.y_title1;
			y_title2 = response.y_title2;
	
			mi_investoverview_4 = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_mi_investoverview_4',
					defaultSeriesType: 'column',
					spacingRight: 10
				},
				credits: {
					enabled: false
				},
				title: {
					text: title
				},
				xAxis: {
					categories: labels,
					labels: {
						rotation: -30,
						align: 'right'
					}
				},
				yAxis: [{
					title: {
						text: y_title1
					}, 
					labels: {
						formatter: function() {
							return this.value;
						}
					}
				},{
					title: {
						text: y_title2
					}, 
					labels: {
						formatter: function() {
							return this.value;
						}
					},
					opposite: true
				}],
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'top',
					x: -10,
					y: 100,
					borderWidth: 1,
					backgroundColor: '#ffffff'
				},
				tooltip: {
					formatter: function() {
			            return this.y;
					}
				},
				plotOptions: {
					column: {
						pointPadding: 0.05,
						borderWidth: 0
					}
				},
				series: [{
					type: 'column',
					name: legend1,
					data: datay1
				},{
					type: 'spline',
					name: legend2,
					data: datay2,
					yAxis: 1,
					lineWidth: 0
				}]
			});
	    }
	});
}

function make_mi_sectoranalysis_1(){
	var mi_sectoranalysis_1;
	
	var datay1 = [];
	var legend1;
	var labels = [];
	var title;
	var y_title;
	var i;
	
	$.ajax({
	    url: '../highcharts/mi_sectoranalysis_1.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (i in response.datay1){
				datay1[i] = parseFloat(response.datay1[i]);
			}
			legend1 = response.legend1;
			labels = response.labels;
			title = response.title;
			y_title = response.y_title;
	
			mi_sectoranalysis_1 = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_mi_sectoranalysis_1',
					defaultSeriesType: 'column',
					spacingRight: 10
				},
				credits: {
					enabled: false
				},
				title: {
					text: title
				},
				xAxis: {
					categories: labels,
					labels: {
						rotation: -30,
						align: 'right'
					}
				},
				yAxis: {
					title: {
						text: y_title
					}, 
					labels: {
						formatter: function() {
							return this.value;
						}
					}
				},
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'top',
					x: -10,
					y: 100,
					borderWidth: 1,
					backgroundColor: '#ffffff'
				},
				tooltip: {
					formatter: function() {
			            return this.y;
					}
				},
				plotOptions: {
					column: {
						pointPadding: 0.05,
						borderWidth: 0
					}
				},
				series: [{
					name: legend1,
					data: datay1
				}]
			});
	    }
	});
}

function make_mi_sectoranalysis_2(){
	var mi_sectoranalysis_2;
	
	var datay1 = [];
	var datay2 = [];
	var datay3 = [];
	var legend1;
	var legend2;
	var legend3;
	var labels = [];
	var title;
	var y_title;
	var i;
	
	$.ajax({
	    url: '../highcharts/mi_sectoranalysis_2.php',
	    type: 'get',
	    dataType: 'json',
	    success: function(response){
			for (i in response.datay1){
				datay1[i] = parseFloat(response.datay1[i]);
			}
			for (i in response.datay2){
				datay2[i] = parseFloat(response.datay2[i]);
			}
			for (i in response.datay3){
				datay3[i] = parseFloat(response.datay3[i]);
			}
			legend1 = response.legend1;
			legend2 = response.legend2;
			legend3 = response.legend3;
			labels = response.labels;
			title = response.title;
			y_title = response.y_title;
	
			mi_sectoranalysis_2 = new Highcharts.Chart({
				chart: {
					renderTo: 'chart_mi_sectoranalysis_2',
					defaultSeriesType: 'column',
					spacingRight: 10
				},
				colors: [
					'#004f6d', 
					'#51aed5',
					'#6d7297' 
				],
				credits: {
					enabled: false
				},
				title: {
					text: title
				},
				xAxis: {
					categories: labels,
					labels: {
						rotation: -30,
						align: 'right'
					}
				},
				yAxis: {
					title: {
						text: y_title
					}, 
					labels: {
						formatter: function() {
							return this.value;
						}
					}
				},
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'top',
					x: -10,
					y: 100,
					borderWidth: 1,
					backgroundColor: '#ffffff'
				},
				tooltip: {
					formatter: function() {
			            return this.y;
					}
				},
				plotOptions: {
					column: {
						pointPadding: 0.05,
						borderWidth: 0,
						stacking: 'normal'
					}
				},
				series: [{
					type: 'column',
					name: legend1,
					data: datay1
				},{
					type: 'column',
					name: legend2,
					data: datay2
				},{
					type: 'spline',
					name: legend3,
					data: datay3,
					lineWidth: 0
				}]
			});
	    }
	});
}