var ani = {
	
background: {
		type:	'opacity',
		from:	0,
		to:		100,
		step:	1,
		delay:	10,
		onstart: function(){this.style.display = 'block'},
		onfinish: function(){this.style.filter = ''}
	},
	
bar1: {
		type:	'opacity',
		from:	0,
		to:		100,
		step:	2,
		delay:	20,
		onstart: function(){this.style.display = 'block'},
		onfinish: function(){this.style.filter = ''}
	},
	
	
bar2: {
		type:	'top',
		from:	-10,
		to:		0,
		step:	1,
		delay:	10,
		unit:	'%',
		onstart: function(){this.style.display = 'block'},
	},
	
	
creative1: {
		type:	'opacity',
		from:	0,
		to:		100,
		step:	2,
		delay:	20,
		onstart: function(){this.style.display = 'block'},
		onfinish: function(){this.style.filter = ''}
	},
	
	
creative2: {
		type:	'top',
		from:	-20,
		to:		0,
		step:	1,
		delay:	10,
		unit:	'%',
		onstart: function(){this.style.display = 'block'},
	},
	
	
	
servicestext1: {
		type:	'opacity',
		from:	0,
		to:		100,
		step:	2,
		delay:	20,
		onstart: function(){this.style.display = 'block'},
		onfinish: function(){this.style.filter = ''}
	},
	
	
servicestext2: {
		type:	'bottom',
		from:	0,
		to:		20,
		step:	1,
		delay:	10,
		unit:	'%',
		onstart: function(){this.style.display = 'block'},
	},
	
	
	
	
	
	
	
	
	
	
	
};

function startAnimation(){
	
	
	$fx('#servicesbackground').fxAdd(ani.background).fxHold(1000).fxRun(function(){
				$fx('#servicesgoldbar').fxAdd(ani.bar2).fxAdd(ani.bar1).fxHold(1100).fxRun(function(){
							$fx('#servicescreative').fxAdd(ani.creative2).fxAdd(ani.creative1).fxHold(100).fxRun();
							$fx('#servicestext').fxAdd(ani.servicestext2).fxAdd(ani.servicestext1).fxHold(100).fxRun();});
				
		
		});
		
		
	
	
	
	

}