var r = new Request({
		url: "/blog/feed/",
		onSuccess: function(responseText, responseXML){
			x = responseXML;

			var items = x.getElementsByTagName("item");

			/*
				NOTE - IE 7 does not like having tables created from Mootool's ELement constructors.
				Annoying, I know.
				So to 'fix' this, I've taken the route of generating a long string that has the html of
				the blog table. I swear this looked prettier before IE7 slapped it around.
			 */


			var tableString = "<table>";

			for(i=0; i<4; i++){ // normally this would show ten, but we're reducing it to four to make it fit better.

				// make a new table row and zebra stripe ever other one
				if(i % 2){
					//var row	 = new Element('tr', {'class': 'zebraStripe'});
					tableString += "<tr class='zebraStripe'>";
				} else {
					//var row	 = new Element('tr');
					tableString += "<tr>"
				}


				// get pubDate from feed, and use it to create new Date object, then get what we need from that
				var d = new Date(items[i].getElementsByTagName('pubDate')[0].childNodes[0].nodeValue);
				var dateString = (d.getMonth()+1)+"/"+d.getDate();
				tableString += "<td class='blogFeedDateCell'>"+dateString+"</td>";

				tableString += "<td class='blogFeedLinkCell'><a href='"+items[i].getElementsByTagName('link')[0].childNodes[0].nodeValue+"'>";
				tableString += items[i].getElementsByTagName('title')[0].childNodes[0].nodeValue;
				tableString += "</a></td>";
				tableString += "</tr>";

			}

			tableString += "</table>";

			$('blogFeedTable').set('html', tableString);


		},
		onFailure: function(){
			$('blogFeedTable').set('html', "<p class='blogError'>Unable to successfully get blog feed</p>");
		},
		onComplete: function(){
			//console.log("complete");
		}
	}).send();