$.ajax({
	url: 	"/site/index.cfm?go=calendar.json_dates",
	data: 	"",
	dataType: "json",
	success: function(calendarEvents){ 
	
		$("#events_calendar").datepicker({
			numberOfMonths: [1, 1]
			,showCurrentAtPos: 0
			,onSelect: function(dateText,inst){
				ajax_request("/site/index.cfm?go=calendar.event_details&date="+dateText,"event_details");
				$("#event_details").animate({scrollTop:0}, 'slow');
			}
			,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-active","Event Name"]; 
					}
				}
				
				// Disable all other days.
				return [false,""];
			}
		});
	}
});

// Load the next event.
$(document).ready(function(){
	ajax_request("/site/index.cfm?go=calendar.next_event_html","event_details");
});

// ajax_request: Post an AJAX request.
function ajax_request(ajax_url,target){
	var xmlHttpReq = false;
	
	// Mozilla/Safari
	if (window.XMLHttpRequest) {
		xmlHttpReq = new XMLHttpRequest();
	}
	// IE
	else if (window.ActiveXObject) {
		xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlHttpReq.open('POST', ajax_url, true);
	xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlHttpReq.onreadystatechange = function() {
		if (xmlHttpReq.readyState == 4) {
			//alert(xmlHttpReq.getAllResponseHeaders());
			ajax_response(xmlHttpReq.responseText,target);
		}
	}
	xmlHttpReq.send("w="+escape("text"));
}

// ajax_response
function ajax_response(response_content,target){
	if(response_content != ''){
		document.getElementById(target).innerHTML = response_content;
	}
}