var blogFeedURL = baseURL + 'feed/blog';

function renderBlogFeed(feed) {
	if (feed === null) { return; }
	var feedHolder = $('#blogfeed');
	var feedTitles = feed.channel.item;
	var html = [];
	
	for (var i in feedTitles){
		var title = feedTitles[i];
		var dateOb = Date.parse(title.pubDate);
		var pubDate = dateOb == null ? title.pubDate : dateOb.toString('MMMM d, yyyy');
		html.push('<li>');
		html.push('<h4><a href="'+title.link+'">'+title.title+'</a></h4>');
		html.push('<p>'+pubDate+'</p>');
		html.push('</li>');
	}
	
	feedHolder.html(html.join('')).fadeIn('slow');
}

$(document).ready(function() {
	var feedHolder = $('#blogfeed');

	$.ajax({
		url : blogFeedURL,
		dataType : 'json',
		contentType: "application/json",
		success: function(feed){
			renderBlogFeed(feed);
		}
	});
});