function startTimeline() {
		
			//NASCONDO TUTTI GLI ELEMENTI DELLA HOMEPAGE E ASSEGNO LE CLASSI CON GLI STILI DI PARTENZA DELL'ANIMAZIONE
			
			Element.hide('logo');
			Element.hide('blackboard');
			Element.hide('puzz');
			Element.hide('navi');
			Element.hide('credits');
			Element.addClassName('blackboard','blackboardStart');
			Element.addClassName('logo', 'logoStart');
			Element.addClassName('navi', 'naviStart');
			Element.addClassName('credits', 'creditsStart');
			Element.addClassName('creditscopy', 'creditsColor');
			Element.addClassName('creditsmaviprod', 'creditsColor');
			
			//FACCIO APPARIRE IL LOGO E POI LO SPOSTO VERSO DESTRA NELLA POSIZIONE ORIGINALE

			new Effect.Appear ('logo', { duration: 2.0, fps: 30, queue: 'front'});
			new Effect.Move ('logo', { duration: 1.0, x:250, delay: 4.0 });

			//FACCIO APPARIRE LA BLACKBOARD E LE RIASSEGNO LA LARGHEZZA ORIGINALE ANIMANDONE LA TRANSAZIONE (MORPH)

			new Effect.Appear ('blackboard', { duration: 0.1, delay: 4.4});
			new Effect.Morph ('blackboard', {  duration: 1.0, delay: 4.5, style:{width:'100%'} });
			
			//FACCIO APPARIRE IL MENU E LO SPOSTO VERSO L'ALTO NELLA POSIZIONE ORIGINALE

			new Effect.Appear ('navi', { duration: 0.3, fps: 30, delay:5.2});
			new Effect.Move ('navi', {  duration: 0.5, fps: 30, delay: 5.4, y:-30 });

			//FACCIO APPARIRE I CREDITS DEL FOOTER, LI SPOSTO VERSO IL BASSO NELLA POSIZIONE ORIGINALE

			new Effect.Appear ('credits', { duration: 0.3, fps: 30, delay: 5.4});
			new Effect.Move ('credits', {  duration: 0.5, fps: 30, delay: 5.8, y:30 });
			new Effect.Morph ('creditscopy', { duration: 0.2, delay: 6.0, style:{color:'#888888'} });
			new Effect.Morph ('creditsmaviprod', { duration: 0.2, delay: 6.0, style:{color:'#888888'} });

			//FACCIO APPARIRE IL PUZZLE
			new Effect.Appear ('puzz', {duration: 0.3, fps: 30, delay: 6.3});

//			Element.removeClassName('blackboard','blackboardStart', {queue:'end'});
//			Element.removeClassName('logo', 'logoStart', {queue:'end'});
//			Element.removeClassName('navi', 'naviStart', {queue:'end'});
//			Element.removeClassName('credits', 'creditsStart', {queue:'end'});
//			Element.removeClassName('creditscopy', 'creditsColor', {queue:'end'});
//			Element.removeClassName('creditsmaviprod', 'creditsColor', {queue:'end'});
}

Event.observe(document, 'dom:loaded', startTimeline);