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(20084)'>Clásica San Sebastian Region</a></td><td><a href='#details' onClick='toonDetails(20084)'> </a></td><td>04 Aug. 2018</td><td>04 Aug. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20085)'>European Championships Road Race</a></td><td><a href='#details' onClick='toonDetails(20085)'> </a></td><td>12 Aug. 2018</td><td>12 Aug. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20086)'>EuroEyes Cyclassics Hamburg</a></td><td><a href='#details' onClick='toonDetails(20086)'> </a></td><td>19 Aug. 2018</td><td>19 Aug. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20087)'>Bretagne Classic - Ouest-France</a></td><td><a href='#details' onClick='toonDetails(20087)'> </a></td><td>26 Aug. 2018</td><td>26 Aug. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20088)'>Brussels Cycling Classic</a></td><td><a href='#details' onClick='toonDetails(20088)'> </a></td><td>01 Sep. 2018</td><td>01 Sep. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20089)'>Grand Prix Cycliste de Québec</a></td><td><a href='#details' onClick='toonDetails(20089)'> </a></td><td>07 Sep. 2018</td><td>07 Sep. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20090)'>Grand Prix Cycliste de Montréal</a></td><td><a href='#details' onClick='toonDetails(20090)'> </a></td><td>09 Sep. 2018</td><td>09 Sep. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20091)'>Worlds Road Race</a></td><td><a href='#details' onClick='toonDetails(20091)'> </a></td><td>30 Sep. 2018</td><td>30 Sep. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20092)'>Giro dell'Emilia</a></td><td><a href='#details' onClick='toonDetails(20092)'> </a></td><td>06 Oct. 2018</td><td>06 Oct. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20093)'>Gran Premio Bruno Beghelli</a></td><td><a href='#details' onClick='toonDetails(20093)'> </a></td><td>07 Oct. 2018</td><td>07 Oct. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20094)'>Paris-Tours</a></td><td><a href='#details' onClick='toonDetails(20094)'> </a></td><td>07 Oct. 2018</td><td>07 Oct. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20095)'>Tre Valli Varesine</a></td><td><a href='#details' onClick='toonDetails(20095)'> </a></td><td>09 Oct. 2018</td><td>09 Oct. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20096)'>Milano-Torino</a></td><td><a href='#details' onClick='toonDetails(20096)'> </a></td><td>10 Oct. 2018</td><td>10 Oct. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20097)'>Gran Piemonte</a></td><td><a href='#details' onClick='toonDetails(20097)'> </a></td><td>11 Oct. 2018</td><td>11 Oct. 2018</td></tr><tr><td><a href='#details' onClick='toonDetails(20098)'>Il Lombardia</a></td><td><a href='#details' onClick='toonDetails(20098)'> </a></td><td>13 Oct. 2018</td><td>13 Oct. 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;
}