$(document).observe('dom:loaded', function(event)
{
	var sectionId = 1;

	var container = $('scroller-container').down('div.scroller').down('div.content');

	$('recent').select('div.blog-post').reverse().each(function(elem)
	{
		var link = $(elem).select('div.blog-post-header h2 a').first();
		var banner = $(elem).select('div.blog-post-content img').first();
		var title = link.innerHTML;

		if (!banner)
		{
			banner = $(Builder.node
			(
				'img',
				{
					src: '/style/img/glider-placeholder.jpg'
				}
			));
		}

		var node = Builder.node
		(
			'div',
			{
				className: 'section',
				id: 'section' + sectionId++
			},
			[
				Builder.node
				(
					'a',
					{
						href: link.href
					},
					banner
				)
			]
		);

		container.insert({top: node});

		elem.remove();
	});

	var c = new Carousel($('scroller-container').down('div.scroller'), $$('#scroller-container .section'), [], {duration: 0.6, frequency: 8});
	c.start();
});