Event.observe($('CalendarWrapper'), 'mouseover', function(evt){
	var target = Event.element(evt);
	if (target.hasClassName('HasEvents')){
		var tooltip = $A(target.getElementsByClassName('ToolTip'));
		if (tooltip.length < 1){
			target.innerHTML += '<div id="ToolTip_' + target.id + '" class="ToolTip"><h1><img src="/images/load.gif" align="absmiddle" />Loading events...</h1></div>';
			tooltips = $A(target.getElementsByClassName('ToolTip'));
			var myToolTip = new Tooltip(target,tooltips[0])
			myToolTip.showTooltip(evt);
			var url = "/CalendarEvents/";
			var date = target.id.split("_");
			var params = "date=" + date[1];
			var ajax = new Ajax.Updater( {success: tooltips[0]}, url, {method: 'post', parameters: params, evalScripts:true} );
		}
	}
});
Event.observe($('CalendarWrapper'), 'click', function(evt){
	var target = Event.element(evt);
	if (target.tagName.toLowerCase() == 'td'){
		var date = target.id.split("_");
		location.href = '/Events/?date=' + date[1];
	}
});


function loadCalendar(date){
	var el = $('Calendar');
	var url = "/Calendar/";
	var params = "date=" + date;
	var ajax = new Ajax.Updater( {success: el}, url, {method: 'post', parameters: params, evalScripts:true} );
}

var todaysDate = new Date();
var todaysYear = todaysDate.getYear();
var todaysMonth = todaysDate.getMonth() + 1;
if(todaysYear < 2000) todaysYear += 1900;
var monthString = '0' + todaysMonth;
monthString = monthString.substr(todaysMonth.length - 2,2);
var dateToLoad = todaysYear+'-'+monthString;

Event.observe(window, "load", function(){
	loadCalendar(dateToLoad);
});