$( function() {
	
	preload("/community/images/cal_bot_shadow.png");
	preload("/community/images/cal_shadow.png");

	var start_i = 0;
	
	if (page == 1) {
		$("td[day=" + day_of_week + "]").addClass("today");
		
		for (i = 0; i < day_of_week; i++) {
			$("td[day=" + i + "]").addClass("past");
		}
		
		start_i = day_of_week;
	}
	
	for (start_i = day_of_week; start_i < 28; start_i++) {
		if (day[start_i].length > 0) {
			$("td[day=" + start_i + "]").addClass("events");
		}
	}
	
	$("td.events").mouseleave( function() {
		$("#callout").remove();
	});

	$("td.events").prepend("<div class=\"pos_fix\"></div>").mouseenter( function() {
		
		// remove it in case it doesn"t close
		$("#callout").remove();
		
	
		var trigger = $(this);
		
		/*
		if (trigger.find(".popup2").length > 0) {
			return;
		}
		*/
		
		var cur_day = trigger.attr("day");
		
		var header = day[cur_day][0].header;
		
		trigger.find(".pos_fix").prepend("<div id=\"callout\"><div class=\"side_shadow\"><h2>" + header + "</h2><ul></ul></div><div class=\"bottom_shadow\"></div></div>");
		
		var callout = $("#callout");
		
		callout.css({top: "9px"});
		
		var left = 9;
		
		if (cur_day % 7 > 4) {
			left = trigger.width() - callout.width() - 4;
		}

		if ($.browser.msie && $.browser.version.substr(0,1) < 7) {
			left -= trigger.width() * .5;
		}
		
		callout.css({left: left + "px"});
		
		for (i = 0; i < day[cur_day].length; i++) {
			var event = day[cur_day][i];
			
			var link = "";
			
			if (event.label) {
				link = "<a target=\"_blank\" href=\"/events/link/" + event.id + "\">" + event.label + "</a>";
			}

			
			callout.find("ul").append("<li class=\"clearfix\"><span class=\"name\">" + event.name + "</span><span class=\"start\">" + event.start + "</span>" + link + "<p class=\"description\">" + event.description + "</p></li>");
		}
		
		callout.find("li:eq(" + (day[cur_day].length - 1) + ")").addClass("last");

		callout.fadeIn(200).mouseleave( function() {
			callout.remove();
		});
	
	});
	
});