$(document).ready(function() {
	var upcomingDiv = document.getElementById("upcoming-events-list");
	var summary = {};
	$.getJSON("/cal/upcoming.php?rssview=daysfrom&days=2",
		function(data){
			//Group all of the entries together by day
			for(var i = 0; i < data.length; i++){
				if(data[i] != null){
					//Get the event name from the JSON
					var eventName = data[i][0];
					//Convert the unix start time to a JS time object
					var eventDateTime = new Date();
					eventDateTime.setTime(data[i][1] * 1000 + 1);
					//Get the date string for this event
					var eventDay = eventDateTime.toDateString();
					//Get the time string for this event
					var eventTime = data[i][2];
					//Add this event text to the summary for the relevant day
					if(summary[eventDay]){
						summary[eventDay] += ("<br />" + eventName + " (" + eventTime + ")");
					} else {
						summary[eventDay] = (eventName + " (" + eventTime + ")");	
					}
				}
			}
			//Print each day's events
		    if(data[0] != null){
			var summaryHTML = "<dl>";
			for(day in summary){
			    summaryHTML += ("<dt><b>" + day + "</b></dt>");
			    summaryHTML += ("<dd><a href='/calendar'>" + summary[day] + "</a></dd>");
			}
			summaryHTML += "</dl>";
			upcomingDiv.innerHTML = summaryHTML
		    }
		}
	);
});