var standaard_ddi = "0909-5010115";


$(document).ready(function() {
	var phone = "index.php?getPhone";

	var url = window.location.toString();
	url.match(/\?(.+)$/);
	var params = RegExp.$1;
	var params = params.split("&");
	var args = '';
	for(var i=0; i < params.length; i++) {
		var tmp = params[i].split("=");
		if(tmp[0] == 'p') {
			args = args + "&" + [tmp[0]] + "=" + tmp[1];
		}

		if(tmp[0] == 'pi') {
			args = args + "&" + [tmp[0]] + "=" + tmp[1];
		}
	}

	$("#phone").poll({
		url: phone + args,
		dataType: "json",
		interval: 300 * 1000,
		type: "GET",
		success: $.fn.updatePhoneblock,
		failure: $.fn.updatePhoneblockFail
	});
});

(function($) {
	$.fn.updatePhoneblockFail = function() {
		var container = document.getElementById('telefoon');
		container.innerHTML = "";

		div = document.createElement("h2");
		div.innerHTML = "0909-5010115";
		container.appendChild(div);
	};

	$.fn.updatePhoneblock = function(data_in) {
		var object = eval(data_in);
		if(document.getElementById('telefoon')) {
			var container = document.getElementById('telefoon');
			container.innerHTML = "";

			$.each(object, function(entryIndex, data_in) {
				div = document.createElement("h2");
				if(data_in.DDI == "ERROR") {
					div.innerHTML = standaard_ddi;
				} else {
					div.innerHTML = data_in.DDI;
				}
				container.appendChild(div);
			});
		}
	};


	$.fn.poll = function(options) {
		var $this = $(this);
		// extend our default options with those provided
		var opts = $.extend({}, $.fn.poll.defaults, options);
		update();

		if ($(this).interval)
			clearInterval($(this).interval);

		$.fn.interval = setInterval(update, opts.interval);
		// method used to update element html
		function update(){
			$.ajax({
				type: opts.type,
				url: opts.url,
				success: opts.success
			});
		};
	};
	// default options
	$.fn.poll.defaults = {
		type: "POST",
		url: ".",
		success: '',
		interval: 60 * 1000
	};
})(jQuery);