(function () {
    var script = document.getElementById('highcharts-script');

    function addChart() {
        function parseData(completeHandler, chartOptions) {
	try {
		var dataOptions = {
  "seriesMapping": [],
  "columnTypes": [
    "date",
    "float",
    "float",
    "float"
  ],
  "csv": "Date,Total pay (including bonuses),Regular pay (excluding bonuses),CPI inflation\n1296518400000,2.3,2.1,4.4\n1298937600000,2.7,2,4\n1301616000000,2.1,1.9,4.5\n1304208000000,2.4,2,4.5\n1306886400000,2.5,2.1,4.2\n1309478400000,2.8,2,4.4\n1312156800000,2.6,1.7,4.5\n1314835200000,2.2,1.6,5.2\n1317427200000,1.9,1.7,5\n1320105600000,1.9,1.8,4.8\n1322697600000,1.9,1.9,4.2\n1325376000000,1.3,1.6,3.6\n1328054400000,0.9,1.5,3.4\n1330560000000,0.7,1.5,3.5\n1333238400000,1.3,1.8,3\n1335830400000,1.6,1.8,2.8\n1338508800000,1.7,1.8,2.4\n1341100800000,1.5,1.9,2.6\n1343779200000,1.7,2,2.5\n1346457600000,1.8,1.9,2.2\n1349049600000,1.7,1.6,2.7\n1351728000000,1.5,1.4,2.7\n1354320000000,1.3,1.3,2.7\n1356998400000,1.2,1.2,2.7\n1359676800000,1.1,1,2.8\n1362096000000,0.5,0.8,2.8\n1364774400000,1.5,0.9,2.4\n1367366400000,1.8,1,2.7\n1370044800000,2.3,1.1,2.9\n1372636800000,1.2,1,2.8\n1375315200000,0.8,0.8,2.7\n1377993600000,0.8,0.8,2.7\n1380585600000,0.9,0.8,2.2\n1383264000000,0.9,0.8,2.1\n1385856000000,1.1,1,2\n1388534400000,1.4,1.2,1.9\n1391212800000,1.8,1.4,1.7\n1393632000000,1.9,1.3,1.6\n1396310400000,0.8,0.9,1.8\n1398902400000,0.3,0.7,1.5\n1401580800000,-0.1,0.7,1.9\n1404172800000,0.6,0.8,1.6\n1406851200000,0.7,0.9,1.5\n1409529600000,1,1.2,1.2\n1412121600000,1.5,1.7,1.3\n1414800000000,1.9,1.9,1\n1417392000000,2.2,1.8,0.5\n1420070400000,2,1.7,0.3\n1422748800000,1.7,1.9,0\n1425168000000,2.3,2.3,0\n1427846400000,2.7,2.7,-0.1\n1430438400000,3.3,2.8,0.1\n1433116800000,2.6,2.8,0\n1435708800000,2.9,2.9,0.1\n1438387200000,3,2.8,0\n1441065600000,3,2.4,-0.1\n1443657600000,2.4,2,-0.1\n1446336000000,2.1,1.9,0.1\n1448928000000,1.9,2,0.2\n1451606400000,2.1,2.2,0.3"
};
		dataOptions.sort = true
		dataOptions.complete = completeHandler;
		Highcharts.data(dataOptions, chartOptions);
	} catch (error) {
		console.log(error);
		completeHandler(undefined);
	}
}
var shareUrl = 'https://app.everviz.com/show/ywuvos';
var encodedUrl = encodeURIComponent(shareUrl);

        var template = {
            chart: {
                renderTo: 'highcharts-ywuvos'
            },
            navigation: {
                menuItemStyle: {
                    fontFamily: Highcharts.SVGRenderer.prototype.getStyle().fontFamily,
                    padding: '2px 10px'
                }
            },
            exporting: {
                buttons: {
                    contextButton: {
                        menuItems: [{
                            text: '<a href="https://www.facebook.com/sharer/sharer.php?u=' + encodedUrl + '" target="_blank">' +
                            'Share on Facebook</a>'
                        }, {
                            text: '<a href="https://plus.google.com/share?url=' + encodedUrl + '" target="_blank">' +
                            'Share on Google+</a>'
                        }, {
                            text: '<a href="https://twitter.com/share?url=' + encodedUrl + '&text=' + document.title + '" target="_blank">' +
                            'Share on Twitter</a>'
                        }, {
                            text: '<a href="https://www.linkedin.com/shareArticle?mini=true&url=' + encodedUrl + '" target="_blank">' +
                            'Share on LinkedIn</a>'
                        }, {
                            separator: true
                        }]
                            .concat(Highcharts.getOptions().exporting.buttons.contextButton.menuItems)
                            .concat([{
                                separator: true
                            }, {
                                text: '<a href="' + shareUrl.replace('/show/', '/charts/') + '" target="_blank">' + 'Edit chart</a>'
                            }, {
                                text: '<a href="/charts" target="_blank">' + 'Create chart</a>'
                            }])
                    }
                }
            }
        };
        var chartOptions = {
  "yAxis": {
    "title": {
      "text": "Annual % change"
    }
  },
  "exporting": {
    "enabled": false
  },
  "series": [
    {
      "marker": {
        "enabled": false
      },
      "index": 0
    },
    {
      "color": "#b03060",
      "marker": {
        "enabled": false
      },
      "index": 1
    },
    {
      "color": "#0e0101",
      "marker": {
        "enabled": false
      },
      "index": 2
    }
  ],
  "subtitle": {
    "text": "Source: ONS"
  },
  "title": {
    "text": "Pay on the rise again?"
  }
};
parseData(function (dataOptions) {
	// Merge series configs
	if (chartOptions.series && dataOptions) {
		Highcharts.each(chartOptions.series, function (series, i) {
			chartOptions.series[i] = Highcharts.merge(series, dataOptions.series[i]);
		});
	}
	var options = Highcharts.merge(dataOptions, chartOptions, template);
	var chart = new Highcharts['Chart'](options);
}, chartOptions);

    }

    // Load the Highcharts script if undefined, and add the chart
    if (typeof Highcharts !== 'undefined') {
        addChart();
    } else if (script) {
        script.deferredCharts.push(addChart);
    } else {
        script = document.createElement('script');
        script.id = 'highcharts-script';
        script.src = '//app.everviz.com/resources/js/highstock-cloud-5.0.7.js';
        script.type = 'text/javascript';
        script.deferredCharts = [addChart];
        script.onload = function () {
            // Prevent double firing of event in IE9/IE10
            if (!script.chartsAdded) {
                script.chartsAdded = true;
                while(script.deferredCharts.length) {
                    script.deferredCharts.shift()();
                }
            }
        };
        script.onreadystatechange = function() {
            if (this.readyState == 'complete' || this.readyState == 'loaded') {
                script.onload();
            }
        };
        document.getElementsByTagName('head')[0].appendChild(script);
    }
}());