$(document).ready(function(){ 

	$.get("http://www.georgetowncollege.edu/events.xml",{},function(xml){
      	
		myHTMLOutput = '';
	 	myHTMLOutput += '<table width="230px" border="0" cellpadding="0" cellspacing="0">';
	  	
		$('event',xml).each(function(i) {
			eventTitle = $(this).find("title").text();
			eventEnd = $(this).find("date-end").text();
			eventDisplay = $(this).find("date-display").text();
			eventLink = $(this).find("link").text();

			mydata = BuildEventHTML(eventTitle,eventEnd,eventDisplay,eventLink);
			myHTMLOutput = myHTMLOutput + mydata;
		});
		myHTMLOutput += '</table>';
		
		$("#ContentArea").append(myHTMLOutput);
	});
});
 
 function BuildEventHTML(eventTitle,eventEnd,eventDisplay,eventLink){
		
	output = '';
	output += '<tr>';
	output += '<td style="width:50px;"><p><strong>'+ eventDisplay +'</strong></p></td>';
	output += '<td><p><a href="'+ eventLink +'">' + eventTitle + '</a></p></td>';
	output += '</tr>';
	return output;
}