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>Location</b></td><td><b>Type of match</b></td><td><b>Starts on</b></td><td><b>Ends on</b></td></tr><tr><td><a href='#details' onClick='toonDetails(11022)'>stage 2</a></td><td><a href='#details' onClick='toonDetails(11022)'> </a></td><td>21 Aug. 2016</td><td>21 Aug. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11023)'>stage 3</a></td><td><a href='#details' onClick='toonDetails(11023)'> </a></td><td>22 Aug. 2016</td><td>22 Aug. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11024)'>stage 4</a></td><td><a href='#details' onClick='toonDetails(11024)'> </a></td><td>23 Aug. 2016</td><td>23 Aug. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11025)'>stage 5</a></td><td><a href='#details' onClick='toonDetails(11025)'> </a></td><td>24 Aug. 2016</td><td>24 Aug. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11026)'>stage 6</a></td><td><a href='#details' onClick='toonDetails(11026)'> </a></td><td>25 Aug. 2016</td><td>25 Aug. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11027)'>stage 7</a></td><td><a href='#details' onClick='toonDetails(11027)'> </a></td><td>26 Aug. 2016</td><td>26 Aug. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11028)'>stage 8</a></td><td><a href='#details' onClick='toonDetails(11028)'> </a></td><td>27 Aug. 2016</td><td>27 Aug. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11029)'>stage 9</a></td><td><a href='#details' onClick='toonDetails(11029)'> </a></td><td>28 Aug. 2016</td><td>28 Aug. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11030)'>stage 10</a></td><td><a href='#details' onClick='toonDetails(11030)'> </a></td><td>29 Aug. 2016</td><td>29 Aug. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11031)'>stage 11</a></td><td><a href='#details' onClick='toonDetails(11031)'> </a></td><td>31 Aug. 2016</td><td>31 Aug. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11032)'>stage 12</a></td><td><a href='#details' onClick='toonDetails(11032)'> </a></td><td>01 Sep. 2016</td><td>01 Sep. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11033)'>stage 13</a></td><td><a href='#details' onClick='toonDetails(11033)'> </a></td><td>02 Sep. 2016</td><td>02 Sep. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11034)'>stage 14</a></td><td><a href='#details' onClick='toonDetails(11034)'> </a></td><td>03 Sep. 2016</td><td>03 Sep. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11035)'>stage 15</a></td><td><a href='#details' onClick='toonDetails(11035)'> </a></td><td>04 Sep. 2016</td><td>04 Sep. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11036)'>stage 16</a></td><td><a href='#details' onClick='toonDetails(11036)'> </a></td><td>05 Sep. 2016</td><td>05 Sep. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11037)'>stage 17</a></td><td><a href='#details' onClick='toonDetails(11037)'> </a></td><td>07 Sep. 2016</td><td>07 Sep. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11038)'>stage 18</a></td><td><a href='#details' onClick='toonDetails(11038)'> </a></td><td>08 Sep. 2016</td><td>08 Sep. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11039)'>stage 19</a></td><td><a href='#details' onClick='toonDetails(11039)'> </a></td><td>09 Sep. 2016</td><td>09 Sep. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11040)'>stage 20</a></td><td><a href='#details' onClick='toonDetails(11040)'> </a></td><td>10 Sep. 2016</td><td>10 Sep. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11041)'>stage 21</a></td><td><a href='#details' onClick='toonDetails(11041)'> </a></td><td>11 Sep. 2016</td><td>11 Sep. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(11042)'>General Classification</a></td><td><a href='#details' onClick='toonDetails(11042)'> </a></td><td>11 Sep. 2016</td><td>11 Sep. 2016</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;
}