$(document).ready(function() {

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


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

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