$(document).ready(function() {

	$.get('xml/features.xml', function(f) {
		$('#y-place-holder').empty();
		var dl = $('<dl class="feature" />').appendTo('#y-place-holder');
		$('feature', f).each(function() {
			var $feature = $(this); 
			var fimageurl = $feature.attr('imageurl');
			var flinkurl = $feature.attr('linkurl');
			var fseries = $feature.attr("series");
			var ftitle = $feature.attr("title");
			var fdates1 = $feature.find('dates1').text();
			var fdates2 = $feature.find('dates2').text();
			var fdescription1 = $feature.find('description1').text();
			var fdescription2 = $feature.find('description2').text();
/*			var fclicktxt = $feature.find('clicktxt').text(); */


			var ffeature = '';
			ffeature = '<dd>';
			ffeature += '<span class="loadingPic" alt="Loading" />';
			ffeature += '<div class="txt-icon"><h3>' + fseries + '<br />' + ftitle + '</h3></div><div class="cl">&nbsp;</div>'			
			ffeature += '<p style="margin:5px 0 5px 0;padding:0;font:0.9em arial,helvetica,sans-serif;" class="dates">' + fdates1;
			ffeature += (fdates2).length ? '<br />' + fdates2 + '</p>' : '</p>';
			ffeature += '<p class="description"><a href="' + flinkurl + '"><img style="margin: 0 10px 0 0;" alt="" src="images/' + fimageurl + '"align="left" /></a>' + fdescription1 + '</p>';
			ffeature += (fdescription2).length ? '<p class="description">' + fdescription2 + '</p>' : '';
/*			ffeature += '<p><a href="' + flinkurl + '">' + fclicktxt + '</a></p>'; */
			ffeature += '</dd>';

			dl.append($(ffeature));
			$('.loadingPic').fadeOut(1400);
		});
	});
});