// JavaScript Document

//tonen van de details van het geselecteerde kot
function toonDetail(id) {
	//sluiten van de htmlbox van het kot
	//infoWindow.close();
	
	//ophalen van de juiste gegevens uit de database
	$("#detail").load("detail.asp?kotNummer=" + id + " #detail");
	
	//details tonen met behulp van wat JQuery animatie
	$('#aantalStudentenverblijven').hide();
	$('#map').hide();
	$('#sliders').hide();
	$('#adreslijst').hide();
	$('#detail').show();
	$('#terug').show();
}
function verbergDetail() {
	$('#aantalStudentenverblijven').show();
	$('#detail').animate({opacity: 'hide', height: 'hide'}, 'slow'); 
	
	$('#terug').animate({opacity: 'hide', height: 'hide'}, 'slow'); 
	
	$('#map').animate({opacity: 'show', height: 'show'}, 'slow'); 
	$('#sliders').animate({opacity: 'show', height: 'show'}, 'slow'); 
	$('#adreslijst').animate({opacity: 'show', height: 'show'}, 'slow'); 
	
}