var documentRoot="overviews/calendar/";
$(document).ready(bijladen);

function bijladen() {
	//document.getElementById("kalender").innerHTML="<p align='center'><table width=500 cellpadding=5 cellspacing=0 border=1><tr><td><b>Lieu</b></td><td><b>Type de match</b></td><td><b>Démarre le</b></td><td><b>Termine le</b></td></tr><tr><td><a href='#details' onClick='toonDetails(20053)'>stage 16</a></td><td><a href='#details' onClick='toonDetails(20053)'> </a></td><td>24 juil.. 2018</td><td>24 juil.. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20054)'>stage 17</a></td><td><a href='#details' onClick='toonDetails(20054)'> </a></td><td>25 juil.. 2018</td><td>25 juil.. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20055)'>stage 18</a></td><td><a href='#details' onClick='toonDetails(20055)'> </a></td><td>26 juil.. 2018</td><td>26 juil.. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20056)'>stage 19</a></td><td><a href='#details' onClick='toonDetails(20056)'> </a></td><td>27 juil.. 2018</td><td>27 juil.. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20057)'>stage 20</a></td><td><a href='#details' onClick='toonDetails(20057)'> </a></td><td>28 juil.. 2018</td><td>28 juil.. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20058)'>stage 21</a></td><td><a href='#details' onClick='toonDetails(20058)'> </a></td><td>29 juil.. 2018</td><td>29 juil.. 2018</td></tr></table></p>";
        
}

function toonDetails(id) {
	var parameters=new Array("id="+id);
	voegToeBuffer("getDistances", "getDistances.php", parameters);
}

function getDistances() {
	if (xmlHttp.readyState!=4 && xmlHttp.readyState!="complete") return false;
	var programma=xmlHttp.responseText.split("~~~")
	document.getElementById("details").innerHTML=programma[0]+programma[1];
	verwijderBuffer("getDistances");
}

function toonBuffer() {
}

function geefFeedbackFunction(feedback, xmlHttp) {
	if (bufferToDo[0]['feedback']=="getDistances") xmlHttp.onreadystatechange=getDistances;
}