$(document).ready(function(){
	$("#location").change(onLocationChange);
	$(".datetime").change(onDateTimeChange);
	checkDisplayAtttendButton();
});

// Als de datum-tijd-selectie veranderd
function onDateTimeChange(){
	var val = $(this).val();
	$('#idReeksdata').val(val);
	checkDisplayAtttendButton();
}

// Als de locatie-selectie veranderd
function onLocationChange(){
	// split de waardes
	var arrayValues = $(this).val().split("-");
	
	// locatie
	var valLocation = arrayValues[0];
	// wanneer (als 0, dan moet er nog een datum gekozen worden)
	var valDateTime = arrayValues[1];
	
	// als de datum nog gekozen meot worden 
	if (valLocation == 0) {
		$('#idReeksdata').val(0);
		$('.subselect').hide();
		$('#subselect-'+valLocation).show();
	} else {
		$('.subselect').hide();
		$('#subselect-'+valLocation).show();
	}
	
	if (valDateTime != 0) {
		$('#idReeksdata').val(valDateTime);
	}
	checkDisplayAtttendButton();
}

function checkDisplayAtttendButton() {
	if ($('#idReeksdata').val() == 0) {
		$('#attend-button').hide();
		$(".alertmessage").remove();
		$(".joinactivity").append("<div class=\"bs alertmessage\" id=\"alertmessage\">kies een locatie/tijdstip</div>");

	} else {
		$(".alertmessage").remove();
		$('#attend-button').show();
	}
}
$('.subselect').show();