var ani = {
	gross1: {
		type:	'opacity',
		from:	0,
		to:		100,
		step:	2,
		delay:	20,
		onstart: function(){this.style.display = 'block'},
		onfinish: function(){this.style.filter = ''}
	},
	gross2: {
		type:	'bottom',
		from:	-70,
		to:		0,
		step:	5,
		delay:	20
	},
	flowers: {
		type:	'left',
		to:		0,
		step:	60,
		delay:	10
	},
	sun: {
		type:	'top',
		to:		0,
		from:	-147,
		step:	10,
		delay:	10,
		onstart: function(){this.style.display = 'block'}
	},
	cloud1: {
		type:	'left',
		from:	5,
		to:		screen.availWidth,
		step:	1,
		delay:	50
	},
	cloud2: {
		type:	'left',
		from:	0,
		to:		screen.availWidth,
		step:	1,
		delay:	100,
		onstart: function(){
			this.style.display = 'block';
		}
	},
	cloud3: {
		type:	'opacity',
		from:	0,
		to:		100,
		step:	1,
		delay:	10,
		onstart: function(){this.style.display = 'block'},
		onfinish: function(){this.style.filter = ''}
	},
	tree3_1: {
		type:	'opacity',
		from:	0,
		to:		100,
		step:	1,
		delay:	20,
		onstart: function(){this.style.display = 'block'},
		onfinish: function(){this.style.filter = ''}
	},
	tree3_2: {
		type:	'right',
		from:	0,
		to:		10,
		step:	1,
		delay:	30,
		unit:	'%'
	},
	tree1_1: {
		type:	'opacity',
		from:	0,
		to:		100,
		step:	1,
		delay:	20,
		onstart: function(){this.style.display = 'block'},
		onfinish: function(){this.style.filter = ''}
	},
	tree1_2: {
		type:	'right',
		from:	0,
		to:		10,
		step:	1,
		delay:	30,
		unit:	'%'
	},
	tree2_1: {
		type:	'left',
		from:	0,
		to:		21,
		step:	1,
		delay:	10,
		unit:	'%',
		onfinish: function(){
			$fx('#tree1').fxAdd(ani.tree1_1).fxAdd(ani.tree1_2).fxRun(function(){});
		}
	},
	tree2_2: {
		type:	'opacity',
		from:	0,
		to:		100,
		step:	1,
		delay:	10,
		onstart: function(){this.style.display = 'block'},
		onfinish: function(){this.style.filter = ''}
	}
};

function startAnimation(){
	$fx('#cloud1').fxAdd(ani.cloud1).fxRun(null,-1);
	
	$fx('#gross1').fxAdd(ani.gross1).fxRun(function(){
		$fx('#gross2').fxAdd(ani.gross2).fxRun(function(){
			$fx('#sun').fxAdd(ani.sun).fxRun();
			$fx('#flowers').fxAdd(ani.flowers).fxRun();
		});
	});
	
	$fx('#tree3').fxAdd(ani.tree3_1).fxAdd(ani.tree3_2).fxHold(700).fxRun(function(){
		$fx('#cloud2').fxAdd(ani.cloud2).fxRun(null,-1);
	});
	
	$fx('#cloud3').fxAdd(ani.cloud3).fxHold(500).fxRun();
	
	$fx('#tree2').fxAdd(ani.tree2_1).fxAdd(ani.tree2_2).fxHold(1000).fxRun();
}