$(document).observe('dom:loaded', function(event)
{
	if (!$('recent') || !$('scroller-container'))
	{
		return;
	}

	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'
				}
			));
		}
		else
		{
			width = 358;
			height = 238;

			src_ratio = banner.width / banner.height;
			dest_ratio = width / height;

			if (banner.width > banner.height)
			{
				banner.height = height;
				banner.width = height * src_ratio;
			}
			else
			{
				banner.height = height;
				banner.width = height * src_ratio;
			}
		}

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

					},
					Builder.node
					(
						'a',
						{
							href: link.href
						},
						'Read More About ' + title
					)
				)
			]
		);

		container.insert({top: node});

		elem.remove();
	});


	function initPE(elems)
	{
		return new PeriodicalExecuter(function(pe)
		{
			var n = (i + 1) % elems.length;
			var p = i > 0 ? (i - 1) : elems.length - 1;

			var prv_elem = $(elems[p]);
			var prv_content = $(elems[p]);

			var cur_elem = $(elems[i]);
			var cur_content = $(elems[i]);

			new Effect.Fade(prv_content);
			new Effect.Appear(cur_content);

			i = (i + 1) % elems.length;
		}, 4);
	}

	var elems = container.select('div.section');

	var i = 0;
	var pe = initPE(elems);
	elems.each(function(elem){elem.hide()});
	elems.first().show();
});