var contact = document.getElementById('contact');
var telephone = contact.getElementsByClassName('telephone')[0];
var email = contact.getElementsByClassName('email')[0];

document.addEventListener("DOMContentLoaded", function(event) {
	loadJSON(function(response) {
		var json = JSON.parse(response);

		telephone.innerHTML = json.telephone;
		telephone.href = 'tel: ' + json.telephone;

		email.innerHTML = json.email;
		email.href = 'mailto: ' + json.email;
	});
});

function loadJSON(callback) {
	var xobj = new XMLHttpRequest();
	xobj.overrideMimeType('application/json');
	xobj.open('GET', '/details.json.php', true);

	xobj.onreadystatechange = function() {
		if (xobj.readyState == 4 && xobj.status == '200') {
			callback(xobj.responseText);
		}
	};

	xobj.send(null);
}