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(12381)'>stage 1</a></td><td><a href='#details' onClick='toonDetails(12381)'> </a></td><td>02 Jan. 2017</td><td>02 Jan. 2017</td></tr><tr><td><a href='#details' onClick='toonDetails(12382)'>stage 2</a></td><td><a href='#details' onClick='toonDetails(12382)'> </a></td><td>03 Jan. 2017</td><td>03 Jan. 2017</td></tr><tr><td><a href='#details' onClick='toonDetails(12383)'>stage 3</a></td><td><a href='#details' onClick='toonDetails(12383)'> </a></td><td>04 Jan. 2017</td><td>04 Jan. 2017</td></tr><tr><td><a href='#details' onClick='toonDetails(12384)'>stage 4</a></td><td><a href='#details' onClick='toonDetails(12384)'> </a></td><td>05 Jan. 2017</td><td>05 Jan. 2017</td></tr><tr><td><a href='#details' onClick='toonDetails(12385)'>stage 5</a></td><td><a href='#details' onClick='toonDetails(12385)'> </a></td><td>06 Jan. 2017</td><td>06 Jan. 2017</td></tr><tr><td><a href='#details' onClick='toonDetails(12386)'>stage 6 (Cancelled)</a></td><td><a href='#details' onClick='toonDetails(12386)'> </a></td><td>07 Jan. 2017</td><td>07 Jan. 2017</td></tr><tr><td><a href='#details' onClick='toonDetails(12387)'>stage 7</a></td><td><a href='#details' onClick='toonDetails(12387)'> </a></td><td>09 Jan. 2017</td><td>09 Jan. 2017</td></tr><tr><td><a href='#details' onClick='toonDetails(12388)'>stage 8</a></td><td><a href='#details' onClick='toonDetails(12388)'> </a></td><td>10 Jan. 2017</td><td>10 Jan. 2017</td></tr><tr><td><a href='#details' onClick='toonDetails(12389)'>stage 9 (Cancelled)</a></td><td><a href='#details' onClick='toonDetails(12389)'> </a></td><td>11 Jan. 2017</td><td>11 Jan. 2017</td></tr><tr><td><a href='#details' onClick='toonDetails(12390)'>stage 10</a></td><td><a href='#details' onClick='toonDetails(12390)'> </a></td><td>12 Jan. 2017</td><td>12 Jan. 2017</td></tr><tr><td><a href='#details' onClick='toonDetails(12391)'>stage 11</a></td><td><a href='#details' onClick='toonDetails(12391)'> </a></td><td>13 Jan. 2017</td><td>13 Jan. 2017</td></tr><tr><td><a href='#details' onClick='toonDetails(12392)'>stage 12</a></td><td><a href='#details' onClick='toonDetails(12392)'> </a></td><td>14 Jan. 2017</td><td>14 Jan. 2017</td></tr><tr><td><a href='#details' onClick='toonDetails(12394)'>General Classification</a></td><td><a href='#details' onClick='toonDetails(12394)'> </a></td><td>15 Jan. 2017</td><td>15 Jan. 2017</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;
}