jQuery(function(){
	
    var mes = ["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];
    var d = new Date();
 
    jQuery.ajax({
        url: "traer-eventos.php",
        data: "action=showdates",
		type: "post",
		dataType: "json",
		success: function(calendarEvents){ 
			jQuery("#datepicker .calendar").datepicker({
				inline: true,
                                gotoCurrent: false,
				isRTL: false,
				hideIfNoPrevNext: true,
				minDate: '-0m',
				maxDate: new Date(d.getFullYear()+1, d.getMonth(),31),
				onChangeMonthYear: function(year, month, inst) {
                    //Cambiar texto
                    $("#datepicker .content").css('display','none');
                    $("#datepicker .calendar").css('display','block');
                    jQuery("#mes_evento").html(mes[month-1]+" de "+year);
                    jQuery("#lista-eventos").html("");
                    //Cambiar lista de eventos
                    for (i = 0; i < calendarEvents.length; i++) {
							if (month == calendarEvents[i][0] && year == calendarEvents[i][2]) {
								jQuery("#lista-eventos").append('<li><h3><a href="evento.php?id='+calendarEvents[i][4]+'">'+calendarEvents[i][3]+'</a></h3><span>'+calendarEvents[i][1]+" " +mes[month-1]+', '+year+'</span></li>');
							}						
						
                    }
                },
				beforeShowDay: function (date){
					for (i = 0; i < calendarEvents.length; i++) {
						if (date.getMonth() == calendarEvents[i][0] - 1  
							&& date.getDate() == calendarEvents[i][1] && date.getFullYear() == calendarEvents[i][2]) {
								//[disable/enable, class for styling appearance, tool tip]
								return [true,"ui-state-default",calendarEvents[i][3]]; 
						}
					}
					return [false, ""];//enable all other days
				}
			});
		}
	});

});