document.observe('dom:loaded', function(event)
{
	var panorama, stack;
	
	stack = 
	[
		{ source:'/flash/slides/2012-01-30.01.html' },
		{ source:'/flash/slides/2012-01-30.02.html' },
		{ source:'/flash/slides/2012-01-30.03.html' },
		{ source:'/flash/slides/2012-01-30.04.html' },
		{ source:'/flash/slides/2012-02-09.01.html' }
	];
	
	panorama = new Panorama('promo-contain', stack,
	{
		queue: { payload_is_html:true },
		container: { full_screen:false },
		transitions: { delay:8 }
	});
	
	$('promo-paging').select('a').each(function(panorama, trigger, i)
	{
		trigger.index = i;
		trigger.observe('click', function(panorama, event)
		{
			event.stop();
			panorama.play(panorama.getPackageAtIndex(event.target.index));
		}.curry(panorama));
	}.curry(panorama));
	
	panorama.observe(panorama.ELEMENT_HAS_TRANSITIONED_IN, function(event)
	{
		var panorama = event.memo.panorama;
		$('promo-paging').down('.on').removeClassName('on');
		$('promo-paging').select('a')[panorama.getActivePackageIndex()].addClassName('on');
	});
});