Je ziet nu alle berichten op het forum. Zet ?topic=[topicid] achter de URL om maar van één topic berichten te zien.<noscript>Geen Javascript in je browser ingeschakeld, en je verwacht dat dit werkt..?</noscript>
<div id="reply"></div>
<div id="info"></div>
<div id="posts"></div>
<div id="ploeng" style="position: absolute; left: -1000;"></div>
<script src="/rp/js/lib.js"></script>
<script>
	var update_rate = 6000; // Miliseconds between updates
	
	var topic = 0;
	var update_started_time = -1;
	var first_update_time = -1;
	var last_post_id = -1;
	var last_post_time = -1;
	var posts = {};
	
	function update() {
		update_started_time = new Date().getTime();
		aGET("topic-as-chat.php?getupdate&topic=" + topic + "&r=" + Math.random(), update2);
	}
	function update2(data) {
		data = eval(data);
		
		i = 0;
		//alert(parseInt(data[i]["id"]) + " > " + last_post_id);
		while (i < 5) {
			if (parseInt(data[i]["id"]) > last_post_id) {
				if (first_update_time != -1)
					ploeng();
				append_to_chat("<b>" + data[i]["name"] + ":</b> <span class='post" + data[i]["id"] + "'>" + data[i]["body"] + "</span>");
				last_post_id = parseInt(data[i]["id"]);
				last_post_time = new Date().getTime();
				posts[data[i]["id"]] = data[i]["body"];
			}
			else {
				if (posts[data[i]["id"]] != data[i]["body"]) {
					document.getElementsByClassName("post" + data[i]["id"])[0].innerHTML = data[i]["body"];
					posts[data[i]["id"]] = data[i]["body"];
				}
			}
			i++;
		}
		
		// Update the info div
		var d = new Date();
		
		if (first_update_time == -1)
			first_update_time = d.getTime();
		
		if (first_update_time == last_post_time)
			var last_post = "";
		else {
			d = new Date(last_post_time);
			var last_post = "Laatste post: " + getTime(d) + "<br>";
			d = new Date();
		}
		$("info").innerHTML = last_post + "Laatste update: " + getTime(d) + "<br><br>";
		
		setTimeout(update, Math.max(45, update_rate - (new Date().getTime() - update_started_time)));
	}
	function getTime(d) {
		return leadingZeros(d.getHours()) + ":" + leadingZeros(d.getMinutes()) + ":" + leadingZeros(d.getSeconds());
	}
	function leadingZeros(n) {
		if (n < 10)
			return "0" + n;
		else
			return "" + n;
	}
	function append_to_chat(text) {
		$("posts").innerHTML = text + "<br><br>" + $("posts").innerHTML;
	}
	function reply() {
		$("reply").innerHTML = "<a href='javascript: endreply();'><b>Sluiten</b></a><br><iframe src='http://gmot.nl/?action=post&topic=" + topic + "' width='950' height='700'></iframe>";
	}
	function endreply() {
		$("reply").innerHTML = "<a href='javascript: reply();'>Voeg reactie toe</a>";
	}
	function ploeng(clear) {
		if (clear)
			$("ploeng").innerHTML = "";
		else {
			if ($("ploeng").innerHTML == "") {
				$("ploeng").innerHTML = "<iframe src='http://youtube.googleapis.com/v/afuKksl4G6Q?autoplay=1'></iframe>";
				setTimeout("ploeng(true);", update_rate - 250);
			}
		}
	}
	update();
	endreply();
</script>
<style>
	.quote {
		background: #DDD;
	}
</style>