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(10331)'>stage 1</a></td><td><a href='#details' onClick='toonDetails(10331)'> </a></td><td>02 juil.. 2016</td><td>02 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10332)'>stage 2</a></td><td><a href='#details' onClick='toonDetails(10332)'> </a></td><td>03 juil.. 2016</td><td>03 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10333)'>stage 3</a></td><td><a href='#details' onClick='toonDetails(10333)'> </a></td><td>04 juil.. 2016</td><td>04 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10334)'>stage 4</a></td><td><a href='#details' onClick='toonDetails(10334)'> </a></td><td>05 juil.. 2016</td><td>05 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10335)'>stage 5</a></td><td><a href='#details' onClick='toonDetails(10335)'> </a></td><td>06 juil.. 2016</td><td>06 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10336)'>stage 6</a></td><td><a href='#details' onClick='toonDetails(10336)'> </a></td><td>07 juil.. 2016</td><td>07 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10337)'>stage 7</a></td><td><a href='#details' onClick='toonDetails(10337)'> </a></td><td>08 juil.. 2016</td><td>08 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10338)'>stage 8</a></td><td><a href='#details' onClick='toonDetails(10338)'> </a></td><td>09 juil.. 2016</td><td>09 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10339)'>stage 9</a></td><td><a href='#details' onClick='toonDetails(10339)'> </a></td><td>10 juil.. 2016</td><td>10 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10340)'>stage 10</a></td><td><a href='#details' onClick='toonDetails(10340)'> </a></td><td>12 juil.. 2016</td><td>12 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10341)'>stage 11</a></td><td><a href='#details' onClick='toonDetails(10341)'> </a></td><td>13 juil.. 2016</td><td>13 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10342)'>stage 12</a></td><td><a href='#details' onClick='toonDetails(10342)'> </a></td><td>14 juil.. 2016</td><td>14 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10343)'>stage 13</a></td><td><a href='#details' onClick='toonDetails(10343)'> </a></td><td>15 juil.. 2016</td><td>15 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10344)'>stage 14</a></td><td><a href='#details' onClick='toonDetails(10344)'> </a></td><td>16 juil.. 2016</td><td>16 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10345)'>stage 15</a></td><td><a href='#details' onClick='toonDetails(10345)'> </a></td><td>17 juil.. 2016</td><td>17 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10346)'>stage 16</a></td><td><a href='#details' onClick='toonDetails(10346)'> </a></td><td>18 juil.. 2016</td><td>18 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10347)'>stage 17</a></td><td><a href='#details' onClick='toonDetails(10347)'> </a></td><td>20 juil.. 2016</td><td>20 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10348)'>stage 18</a></td><td><a href='#details' onClick='toonDetails(10348)'> </a></td><td>21 juil.. 2016</td><td>21 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10349)'>stage 19</a></td><td><a href='#details' onClick='toonDetails(10349)'> </a></td><td>22 juil.. 2016</td><td>22 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10350)'>stage 20</a></td><td><a href='#details' onClick='toonDetails(10350)'> </a></td><td>23 juil.. 2016</td><td>23 juil.. 2016</td></tr><tr><td><a href='#details' onClick='toonDetails(10351)'>stage 21</a></td><td><a href='#details' onClick='toonDetails(10351)'> </a></td><td>24 juil.. 2016</td><td>24 juil.. 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;
}