google.load('visualization', '1', {packages:['orgchart']});
google.setOnLoadCallback(drawChart);

function drawChart() {
	var data = new google.visualization.DataTable();
		data.addColumn('string', 'Name');
		data.addColumn('string', 'Parent');
		data.addColumn('string', 'Tooltip');
		data.addRows([
				[{v: 'afabholding', f: '<strong>AFAB Holding N.V.</strong>'}, '', ''],
				[{v: 'afabintermediaire', f: '<strong>AFAB Intermediaire<br />Diensten Holding N.V.</strong>'}, 'afabholding', ''],
				[{v: 'hdvholding', f: '<strong>HDV Holding N.V.</strong>'}, 'afabholding', ''],
				[{v: 'cfsn', f: '<strong>Consumer Finance<br />Services Nederland B.V.</strong>'}, 'afabholding', ''],
				['<ul><li>AFAB Geldservice B.V.</li><li>Drie Portefeuille B.V.</li></ul>', 'afabintermediaire', ''],
				['<ul><li>Hollandsche Disconto<br />Voorschotbank B.V.</li></ul>', 'hdvholding', ''],
				['<ul><li>CFSN Kredietendesk B.V.</li></ul><br /><br /><br /><br />', 'cfsn', '']
		]);
		data.setRowProperty(0, 'style', 'background-color: #ee2e24; border: #b61f17 1px solid; color: #ffffff;');
		data.setRowProperty(5, 'style', 'vertical-align: top;');
	var chart = new google.visualization.OrgChart(document.getElementById('google-chart'));
	chart.draw(data, {
		allowHtml: true,
		nodeClass: 'google-node',
		size: 'small'
		});
}