var xmlHttp
var trID

function move(date) {

	xmlHttp = GetXmlHttpObject();

	if (xmlHttp == null) {
		alert ("Your browser does not support AJAX!");
		return;
	} 

	var url = "/eventCalendar.php?time=" + date ;

	xmlHttp.onreadystatechange = stateChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
} 

function GetXmlHttpObject() {
	var xmlHttp = null;
	
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	
	return xmlHttp;
}

function stateChanged() { 

	if(xmlHttp.readyState == 4) { 

		var eventCalendar = document.getElementById("eventCalendar");

		if(eventCalendar) {
			eventCalendar.innerHTML = xmlHttp.responseText;
		}

	}
}

function showDayInfo(table, evt) {
	var div = document.getElementById('dayInfo');
	div.innerHTML = table;

/*

  Need to clean up the left calculation.  It works but if resized we will need to update this.
  These values come from the css attributes.

*/
	var eventPopupDivWidth = 300;
	var calDayWidth = 40;
	var aLittleExtra = 10;
	
	div.style.left = evt.clientX + 6 + document.documentElement.scrollLeft - eventPopupDivWidth - calDayWidth - aLittleExtra + 'px';
	div.style.top = evt.clientY + document.documentElement.scrollTop + 'px';
	div.style.display = 'block';
}

function closeDayInfo() {
	var div = document.getElementById('dayInfo');
	div.innerHTML = '';
	div.style.display = 'none';
}