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(23621)'>stage 1</a></td><td><a href='#details' onClick='toonDetails(23621)'> </a></td><td>11 May. 2019</td><td>11 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23622)'>stage 2</a></td><td><a href='#details' onClick='toonDetails(23622)'> </a></td><td>12 May. 2019</td><td>12 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23623)'>stage 3</a></td><td><a href='#details' onClick='toonDetails(23623)'> </a></td><td>13 May. 2019</td><td>13 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23624)'>stage 4</a></td><td><a href='#details' onClick='toonDetails(23624)'> </a></td><td>14 May. 2019</td><td>14 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23625)'>stage 5</a></td><td><a href='#details' onClick='toonDetails(23625)'> </a></td><td>15 May. 2019</td><td>15 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23626)'>stage 6</a></td><td><a href='#details' onClick='toonDetails(23626)'> </a></td><td>16 May. 2019</td><td>16 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23627)'>stage 7</a></td><td><a href='#details' onClick='toonDetails(23627)'> </a></td><td>17 May. 2019</td><td>17 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23628)'>stage 8</a></td><td><a href='#details' onClick='toonDetails(23628)'> </a></td><td>18 May. 2019</td><td>18 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23629)'>stage 9</a></td><td><a href='#details' onClick='toonDetails(23629)'> </a></td><td>19 May. 2019</td><td>19 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23630)'>stage 10</a></td><td><a href='#details' onClick='toonDetails(23630)'> </a></td><td>21 May. 2019</td><td>21 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23631)'>stage 11</a></td><td><a href='#details' onClick='toonDetails(23631)'> </a></td><td>22 May. 2019</td><td>22 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23632)'>stage 12</a></td><td><a href='#details' onClick='toonDetails(23632)'> </a></td><td>23 May. 2019</td><td>23 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23633)'>stage 13</a></td><td><a href='#details' onClick='toonDetails(23633)'> </a></td><td>24 May. 2019</td><td>24 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23634)'>stage 14</a></td><td><a href='#details' onClick='toonDetails(23634)'> </a></td><td>25 May. 2019</td><td>25 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23635)'>stage 15</a></td><td><a href='#details' onClick='toonDetails(23635)'> </a></td><td>26 May. 2019</td><td>26 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23636)'>stage 16</a></td><td><a href='#details' onClick='toonDetails(23636)'> </a></td><td>28 May. 2019</td><td>28 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23637)'>stage 17</a></td><td><a href='#details' onClick='toonDetails(23637)'> </a></td><td>29 May. 2019</td><td>29 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23638)'>stage 18</a></td><td><a href='#details' onClick='toonDetails(23638)'> </a></td><td>30 May. 2019</td><td>30 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23639)'>stage 19</a></td><td><a href='#details' onClick='toonDetails(23639)'> </a></td><td>31 May. 2019</td><td>31 May. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23640)'>stage 20</a></td><td><a href='#details' onClick='toonDetails(23640)'> </a></td><td>01 Jun. 2019</td><td>01 Jun. 2019</td></tr><tr><td><a href='#details' onClick='toonDetails(23641)'>stage 21</a></td><td><a href='#details' onClick='toonDetails(23641)'> </a></td><td>02 Jun. 2019</td><td>02 Jun. 2019</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;
}