var FromLeftAnimation = new Class({
	
	Extends: Animation,
	
	name: 'FromLeft',
	
	doTransition: function()
	{
		this.endNode.setStyle('box-shadow', 'rgb(70,70,70) 10px 10px 10px');
		this.endNode.morpher.onComplete =  this.animationCompleted.bind(this);
		var width = this.startNode.getParent().getDimensions().width
		
		this.startNode.show();
		this.endNode.show();
		this.endNode.setStyle('z-index', 1);
		this.endNode.setStyle('left', -width) 
		this.endNode.morph({'left':0});
		
	},
	
	onComplete: function()
	{
		this.endNode.setStyle('z-index', 0);
		this.endNode.setStyle('box-shadow', 'none');
		this.startNode.hide();
		this.endNode.setUpMorph();
	}
	
})