$(document).ready(function() {
	function showEvent(dateText, inst) {
		// Função usada para direcionar para página de eventos de acordo com o dia.
		$(window.location).attr('href', '/events/showEvent/'+dateText.split('/')[2]+'-'+dateText.split('/')[1]+'-'+dateText.split('/')[0]);
	} 
	
	$.ajax({
 	 	  // Usa Jquery Ajax para buscar todos os eventos.
		  url: '/events/showEvents',
		  dataFilter: false,
		  // Tipos de dados buscado está no formato json.
		  dataType: "json",
		  // Caso encontre com sucesso, retorna os eventos
		  success: function(evento) {
		    // Monta o calendário. Usando API DatePicker.
			$("#calendario").datepicker({
				//[rows, columns] if you want to display multiple calendars.
				numberOfMonths: [1, 1],
				showCurrentAtPos: 0,
				// Chama a função showEvent para exibir o evento na data selecionada.
				onSelect: showEvent, 
				beforeShowDay: function (date) {
					for (i = 0; i < evento.length; i++) {
						if (date.getFullYear() == evento[i].Event.date_initial.split('-')[0]
						    && date.getMonth() == evento[i].Event.date_initial.split('-')[1] -1
						    && date.getDate() == evento[i].Event.date_initial.split('-')[2]) {
							return [true, "ui-state-active", ""];
						}
					}
					return [true, ""];//enable all other days
				}
			});
		} 
	});
});