$(document).ready( function() {
	$(".calendar_highlight a").mouseover( function(e) {
		displayDates($(this).html(),$(this),$(this).attr('href'),calendarToDisplay);
	});
	$(".calendar_highlight a").mouseout( function() {
		$("#eventDetails").html('');
		$("#eventDetails").remove();
	});
});

document.write('<link href="/_includes/css/calendar-popup.css" type="text/css" media="screen" rel="stylesheet" />');

function displayDates(strDate,target,hrefLink,calID) {
	$("#eventDetails").remove();
	if (typeof window[strDate+'_content']=="undefined"){
		strReturn = "";
		dateArr = hrefLink.split("=");
		strDay = dateArr[1].split("&");
		strDay = strDay[0];
		strMonth = dateArr[2].split("&");
		strMonth = strMonth[0];
		strYear = dateArr[3].split("&");
		strYear = strYear[0];
		endDate = strDay + '/' + strMonth + '/' + strYear;
		if(strDay<10){strClass='class="singleCharacter"'}else{strClass=''};
		$.getJSON(
			"/calendar/days_events.asp?calid="+calID+"&date="+endDate,
			function(data){
				target.append('<div id="eventDetails"'+strClass+'><div id="eventTop"></div><div id="eventBottom"><img src="/_includes/images/calendar/preview-loader.gif" alt="Loading..." style="border:none;" /></div></div>');
				strReturn = '<div id="eventTop"></div><div id="eventBottom"><ul class="eventsList">';
				$.each(data, function(i,item){
					strReturn = strReturn + '<li><span class="eventTime">' + item.eventTime + "</span> - " + item.eventName + "</li>";
				});
				strReturn = strReturn + '</ul></div>';
				$("#eventDetails").html(strReturn);
				$("#eventDetails").show();
				strReturn='<div id="eventDetails"'+strClass+'>'+strReturn+'</div>';
				window[strDate+'_content']=strReturn;
				strReturn = '';
			}
		);
	}else{
		target.append(window[strDate+'_content']);
		$("#eventDetails").show();
	};
}