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(1863)'>Omloop het Nieuwsblad</a></td><td><a href='#details' onClick='toonDetails(1863)'> </a></td><td>23 Feb. 2013</td><td>23 Feb. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1864)'>Kuurne-Brussel-Kuurne</a></td><td><a href='#details' onClick='toonDetails(1864)'> </a></td><td>24 Feb. 2013</td><td>24 Feb. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1865)'>Strade Bianche</a></td><td><a href='#details' onClick='toonDetails(1865)'> </a></td><td>02 Mar. 2013</td><td>02 Mar. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1866)'>Milan-San Remo</a></td><td><a href='#details' onClick='toonDetails(1866)'> </a></td><td>17 Mar. 2013</td><td>17 Mar. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1867)'>Dwars door Vlaanderen</a></td><td><a href='#details' onClick='toonDetails(1867)'> </a></td><td>20 Mar. 2013</td><td>20 Mar. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1868)'>E3 Prijs Vlaanderen</a></td><td><a href='#details' onClick='toonDetails(1868)'> </a></td><td>22 Mar. 2013</td><td>22 Mar. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1869)'>Gent-Wevelgem</a></td><td><a href='#details' onClick='toonDetails(1869)'> </a></td><td>24 Mar. 2013</td><td>24 Mar. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1870)'>Ronde van Vlaanderen</a></td><td><a href='#details' onClick='toonDetails(1870)'> </a></td><td>31 Mar. 2013</td><td>31 Mar. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1871)'>Scheldeprijs</a></td><td><a href='#details' onClick='toonDetails(1871)'> </a></td><td>03 Apr. 2013</td><td>03 Apr. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1872)'>Paris-Roubaix</a></td><td><a href='#details' onClick='toonDetails(1872)'> </a></td><td>07 Apr. 2013</td><td>07 Apr. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1878)'>De Brabantse Pijl</a></td><td><a href='#details' onClick='toonDetails(1878)'> </a></td><td>10 Apr. 2013</td><td>10 Apr. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1879)'>Amstel Gold Race</a></td><td><a href='#details' onClick='toonDetails(1879)'> </a></td><td>14 Apr. 2013</td><td>14 Apr. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1880)'>La Flèche Wallonne</a></td><td><a href='#details' onClick='toonDetails(1880)'> </a></td><td>17 Apr. 2013</td><td>17 Apr. 2013</td></tr><tr><td><a href='#details' onClick='toonDetails(1881)'>Liège-Bastogne-Liège</a></td><td><a href='#details' onClick='toonDetails(1881)'> </a></td><td>21 Apr. 2013</td><td>21 Apr. 2013</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;
}