$(document).ready(function() {

	$.get('xml/sermon-series.xml', function(s) {

		$('#x-place-holder').empty();
        var dl = $('<dl class="sermon-series" />').appendTo('#x-place-holder');
		$('sermon', s).each(function() {
			var $sermon = $(this); 
			var sseries = $sermon.attr("series");
			var stitle = $sermon.attr("title");
			var simageurl = $sermon.attr('imageurl');

			var sdates1 = $sermon.find('dates1').text();
			var sdates2 = $sermon.find('dates2').text();
			var sdates3 = $sermon.find('dates3').text();
			var sdates4 = $sermon.find('dates4').text();
			var sdates5 = $sermon.find('dates5').text();
			var sdates6 = $sermon.find('dates6').text();
			var sdescription = $sermon.find('description').text();

			var ssermon = '';
			var ssermon = '<dd>';
			ssermon += '<br /><p class="imageurl"><img alt="" src="images/' + simageurl + '" /></p>';

			ssermon += '<span class="loadingPic" alt="Loading" /></span>';
			ssermon += '<h2 class="title">' + sseries + '<br />' + stitle + '</h2>';
			ssermon += '<hr />';		
			
			ssermon += '<p class="dates">' + sdates1;
			ssermon += (sdates2).length ? '<br />' + sdates2  : ''; 	/* test for blank dates*/
			ssermon += (sdates3).length ? '<br />'  + sdates3 : '';
			ssermon += (sdates4).length ? '<br />'  + sdates4 : '';
			ssermon += (sdates5).length ? '<br />'  + sdates5 : '';
			ssermon += (sdates6).length ? '<br />'  + sdates6 + '</p>' : '</p>';
			
			ssermon += '<hr />';
			ssermon += '<p class="description">' + sdescription + '</p>' ;

			ssermon += '</dd>';
			
			dl.append($(ssermon));
			$('.loadingPic').fadeOut(1400);
		});
	});
});