window.addEvent('load', function()
{

// Load background zoom out + fade in

	$('divLoad').setStyle('display','none');
	$('divPage').setStyle('display','none');
	$('divVillagers').setStyle('display','none');

	$('page').set('opacity',0);					
	$('villagers').set('opacity',0);					

	$('divPage').setStyle('display','block');
	$('divVillagers').setStyle('display','block');

	$('villagers').set('morph',{ duration: 3000 });					
	$('villagers').morph({
		'opacity':[0,0.9],
		'width':[591,788],
		'height':[432,576],
		'margin-left':[100,0],
		'margin-top':[72,0]
	});

	nextstep = function ()
	{
		$('page').set('morph',{ duration: 3000 });					
		$('page').morph({
			'opacity':[0,1],
			'width':[2400,2640],
			'height':[1676,1844],
			'margin-left':[0,-120],
			'margin-top':[0,-84]
		});
	}.delay(3000);						
	
    nextstep = function ()
	{
			$('divBox').set('morph',{ duration: 2000 });					
			$('divBox').morph({
				'opacity':[0,0.85]
			});
	}.delay(6000);						

	nextstep = function ()
	{
		$('villagers').set('morph',{ duration: 3000 });					
		$('villagers').morph({
			'width':[788,1576],
			'height':[576,1152],
			'margin-left':[0,-394],
			'margin-top':[0,-288]
		});
	}.delay(6000);						
	
    nextstep = function ()
	{
			$('page').set('morph',{ duration: 5000 });					
			$('page').morph({
				'opacity':[1,0.1]
//				'width':[2640,3600],
//				'height':[1844,2514],
//				'margin-left':[-120,-600],
//				'margin-top':[-84,-419]
			});
	}.delay(7000);						

	function animate()
	{
		$('villagers').set('morph',{ duration: 13000 });					
		$('villagers').morph({'opacity':[0.9,0.1]});
		$('page').set('morph',{ duration: 10000 });					
		$('page').morph({'opacity':[0.1,0.9]});

		nextstep = function ()
		{
			$('villagers').set('morph',{ duration: 13000 });					
			$('villagers').morph({'opacity':[0.1,0.9]});
			$('page').set('morph',{ duration: 10000 });					
			$('page').morph({'opacity':[0.9,0.1]});
		}.delay(15000);
	}

	var animation = setInterval(animate,30000);

});