

function startAnimation() {
	var container = $('container');
	var ml = $('ml');
	var collections = $('collections');
	var pijl = $('pijl');
	var mvweeghel = $('mvweeghel');
	var langEN = $('langEnglish');
	var langNL = $('langNederlands');
	var langENpuff = $('langEnglishPuff');
	var langNLpuff = $('langNederlandsPuff');
	
	var leftOffset = container.positionedOffset().left + 400;
	collections.setStyle( { 'left': (-382 - leftOffset) + 'px' } ).setOpacity(0);
	pijl.setStyle( { 'left': (-719 - leftOffset) + 'px' } ).setOpacity(0);

	new Effect.BlindDown( ml, { delay: 0.5, duration: 1.2, transition: Effect.Transitions.linear } );
	new Effect.Appear( mvweeghel, { delay: 1, duration: 3 } );
	new Effect.Parallel( [
		new Effect.Appear( pijl, { sync: true } ),
		new Effect.Appear( collections, { sync: true } ),
		new Effect.Move( pijl, { y: pijl.positionedOffset().top, x: 54, mode: 'absolute', sync: true } ),
		new Effect.Move( collections, { y: collections.positionedOffset().top, x: 311, mode: 'absolute', sync: true } )
	], { duration: 2 } );
	new Effect.Parallel( [
		new Effect.Appear( langENpuff, { sync: true } ),
		new Effect.Appear( langNLpuff, { sync: true } )
	], { delay: 1, duration: 1, afterFinish: function() {
		new Effect.Parallel( [
			new Effect.Fade( langENpuff, { sync: true } ),
			new Effect.Fade( langNLpuff, { sync: true } )
		], { duration: 1, afterFinish: setButtonEvents } );
		setTimeout( function() { langEN.appear({duration:2}); langNL.appear({duration:2}); }, 100 );
	} } );
}

function setButtonEvents() {
	var en = $('langEnglish').up();
	var nl = $('langNederlands').up();

	en.onmouseover = function() { $('langEnglishOn').show(); };
	en.onmouseout = function() { $('langEnglishOn').hide(); };

	nl.onmouseover = function() { $('langNederlandsOn').show(); };
	nl.onmouseout = function() { $('langNederlandsOn').hide(); };
}

