$(document).ready(function() {

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


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

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