var delayed = 0;
$(function(){
	$("#events-calendar").datepicker({
		onSelect: function(dateText) {
			loadDate(dateText);
		},
		dateFormat: 'yy-mm-dd',
		beforeShowDay: function (date){
			for (i = 0; i < calendarEvents.length; i++) {
				if (date.getMonth() == calendarEvents[i][1] - 1 && date.getDate() == calendarEvents[i][2] && date.getFullYear() == calendarEvents[i][0]) {
					//[disable/enable, class for styling appearance, tool tip]
					return [true,"ui-state-active",""];
				}
			}
			return [false, ""];//disable all other days
		}
	});

	$("#event-search").keyup(function(){
		clearTimeout(delayed); 
		var value = this.value;
		if (value) {
			delayed = setTimeout(function() {
				search(value);
			}, 800);
		} else {
			loadDate("");
		}
	});
	
	$(".ui-datepicker-title").live("click", eventsMonth);
	$(".ui-datepicker-next,.ui-datepicker-prev").live("click", eventsMonth);
	loadDate("");
});

function loadDate(date) {
	if(date != "") {
		$("#date-title").html($("#events-calendar").datepicker('getDate').format("F j, Y"));
	} else {
		$("#date-title").html("This Month");
	}
	$("#events-list").load("/_ajax/events-date.php?date="+date);
}

function search(string) {
	$("#date-title").html("Search Results");
	$("#events-list").load("/_ajax/events-search.php?query="+string);
}

function eventsMonth() {
	var text = $(".ui-datepicker-title").text();
	$("#date-title").html(text);
	var date = new Date(text.replace(" ", " 1, "));
	$("#events-list").load("/_ajax/events-date.php?month="+(date.getMonth()+1)+"&year="+date.getFullYear());
}