window.onDomReady(function(){

var mask = $('mask');
var formulaire = $('formulaire');
var societe = $('societe');
var mail = $('mail');
var internet = $('internet');
var prenom = $('prenom');
var nom = $('nom');
var cols2 = $('cols2');
var fx =  mask.effects({duration:1, transition: Fx.Transitions.linear});
var fx2 = mask.effects({duration: 1000, transition: Fx.Transitions.linear});
var fx3 = societe.effects({duration: 1000, transition: Fx.Transitions.linear});
var fx4 = mask.effects({duration: 2000, transition: Fx.Transitions.Circ.easeIn});
var fx5 = formulaire.effects({duration: 1000, transition: Fx.Transitions.linear});
var fx6 = mail.effects({duration: 1000, transition: Fx.Transitions.linear});
var fx7 = internet.effects({duration: 1000, transition: Fx.Transitions.linear});
var fx8 = prenom.effects({duration: 1000, transition: Fx.Transitions.linear});
var fx9 = nom.effects({duration: 1000, transition: Fx.Transitions.linear});
var fx10 = cols2.effects({duration: 1000, transition: Fx.Transitions.linear});

$('contact').addEvent('click', function() {
	fx.start({'top': 0,
			'opacity':0
			})
	.chain(function(){
		fx2.start({'opacity': .8});
		fx3.start.delay(300, fx3, {'top':450 });
		fx6.start.delay(600, fx6, {'top':360 });
		fx7.start.delay(900, fx7, {'top':270 });
		fx8.start.delay(1200, fx8, {'top':180 });
		fx9.start.delay(1500, fx9, {'top':90 });
		fx10.start.delay(900, fx10, {'top':90 });
	});
});


$('close').addEvent('click',function(){
		fx4.start({'opacity':0});	
		fx3.start.delay(900, fx3, {'top':-500 });
		fx6.start.delay(700, fx6, {'top':-500 });
		fx7.start.delay(500, fx7, {'top':-500 });
		fx8.start.delay(300, fx8, {'top':-500 });
		fx9.start.delay(100, fx9, {'top':-500 });
		fx10.start.delay(300, fx10, {'top':-500 });
		});
});