Untitled

<?
include('inc/inc.php');

$array = json_decode(file_get_html("http://koenhendriks.com/lb/inc/index.php"));

function sortByDate($a,$b){

		return $a->start > $b->start;

}

?>

<html>
<title>Facebook Timeline Design with jquery and CSS</title>
<link href="style.css" rel="stylesheet" type="text/css">
<head>


</head>
<body onload="loadMore(10);">
	<div id="container" class="">
		<div class="timeline_container" id="timeline_container">
            <div class="timeline">
            </div>


	</div>
    <div id="temp_items" style="display: none;"></div>
    <a class="more" onClick="loadMore(4);">Meer</a>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="jquery.masonry.min.js"></script>
<script src="scripts/arrows.js"></script>
<script src="scripts/box-maker.js"></script>
<script type="text/javascript">
var loaded = 0;
var response = '';
var start_splits;
var showdatum = '0';

function loadMore(toLoad)
{
	ajax('loadMore.php?loaded=' + loaded + "&toLoad=" + toLoad, function()
	{

		loaded += toLoad;
		//document.getElementById('container').innerHTML += xmlhttp.responseText;
		var result = JSON.parse(xmlhttp.responseText);
		for(var i = 0; i < result.length; i++)
		{
			var id = result[i].id;
			var start = result[i].start;
			var title = result[i].title;
			var omschrijving = result[i].omschrijving;
			var tijd = start.split(":");
			var eind = result[i].end;
			var eindtijd = eind.split(":");
			var datumstart = tijd[0].split(" ");
			var datumeind = eindtijd[0].split(" ");
			var datumeinddeel = datumeind[0].split("-");
			var datumstartdeel = datumstart[0].split("-");
			var uureindtijd = datumeind[1];
			var uurstarttijd = datumstart[1];
			var allday = result[i].allDay;
			if (allday){
				var ifvalue = 'Hele dag';
			}
			else if(datumstart[0] == datumeind[0]){
				var ifvalue = "tot " + uureindtijd + ":"+ eindtijd[1];

			}
			else{
				var ifvalue = "tot " + datumeinddeel[2] + "-" + datumeinddeel[1] + "-" + datumeinddeel[0] + " " + uureindtijd + ":"+ eindtijd[1];
			}
			alert(showdatum);
			if (showdatum != datumstart[0]){
				var datumblok = '<div class="more">123</div>';
				var showdatum = datumstart[0];
			}
			else{
				var datumblok = '';

			}


			document.getElementById('timeline_container').innerHTML += datumblok + '<div class="item ">\
			<div><b>titel:' + title + ' id: ' + id + '</b></div>\
			<div class="date">' + datumstartdeel[2] + "-" + datumstartdeel[1] + "-" + datumstartdeel[0] + " " + uurstarttijd + ":" + tijd[1] + ' \
			' + ifvalue + '\
			</div>	<p>\
				<i> ' + omschrijving +' -- omschrijving</i>\
			</p>\
		 </div>'

		}

		$('#container').masonry('reload');
		Arrow_Points();
	});
}

function ajax(url, action)
{

	if(window.XMLHttpRequest)
	{
		xmlhttp = new XMLHttpRequest();
	}
	else
	{
		xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
	}
	xmlhttp.open('POST', url + '&t=' + new Date().getTime(), true);
	xmlhttp.onreadystatechange = function()
	{
		if(xmlhttp.readyState == 4)
		{
			reponse = xmlhttp.responseText;
			action();
		}
	}
	xmlhttp.send();
}
</script>


</div>

</body>
</html>