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>Plaats</b></td><td><b>Wedstrijd type</b></td><td><b>Start op</b></td><td><b>Eindigt op</b></td></tr><tr><td><a href='#details' onClick='toonDetails(16034)'>stage 1</a></td><td><a href='#details' onClick='toonDetails(16034)'> </a></td><td>06 jan. 2018</td><td>06 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16035)'>stage 2</a></td><td><a href='#details' onClick='toonDetails(16035)'> </a></td><td>07 jan. 2018</td><td>07 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16036)'>stage 3</a></td><td><a href='#details' onClick='toonDetails(16036)'> </a></td><td>08 jan. 2018</td><td>08 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16037)'>stage 4</a></td><td><a href='#details' onClick='toonDetails(16037)'> </a></td><td>09 jan. 2018</td><td>09 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16038)'>stage 5</a></td><td><a href='#details' onClick='toonDetails(16038)'> </a></td><td>10 jan. 2018</td><td>10 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16039)'>stage 6</a></td><td><a href='#details' onClick='toonDetails(16039)'> </a></td><td>11 jan. 2018</td><td>11 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16040)'>stage 7</a></td><td><a href='#details' onClick='toonDetails(16040)'> </a></td><td>13 jan. 2018</td><td>13 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16041)'>stage 8</a></td><td><a href='#details' onClick='toonDetails(16041)'> </a></td><td>14 jan. 2018</td><td>14 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16042)'>stage 10</a></td><td><a href='#details' onClick='toonDetails(16042)'> </a></td><td>16 jan. 2018</td><td>16 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16043)'>stage 9 (Cancelled)</a></td><td><a href='#details' onClick='toonDetails(16043)'> </a></td><td>15 jan. 2018</td><td>15 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16044)'>stage 11</a></td><td><a href='#details' onClick='toonDetails(16044)'> </a></td><td>17 jan. 2018</td><td>17 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16045)'>stage 12</a></td><td><a href='#details' onClick='toonDetails(16045)'> </a></td><td>18 jan. 2018</td><td>18 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16046)'>General Classification</a></td><td><a href='#details' onClick='toonDetails(16046)'> </a></td><td>20 jan. 2018</td><td>20 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16049)'>stage 13</a></td><td><a href='#details' onClick='toonDetails(16049)'> </a></td><td>19 jan. 2018</td><td>19 jan. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(16050)'>stage 14</a></td><td><a href='#details' onClick='toonDetails(16050)'> </a></td><td>20 jan. 2018</td><td>20 jan. 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;
}