window.addEvent('domready', function(){

	// Carico gli stili che impostano le condizioni iniziali sui browser supportati
	//new Asset.css('css/initial_condition.css', {id: 'style1'});
	
	// Soluzione migliore: imposto su "domready" le condizioni iniziali

	// Cache Safari: sulla pagina carico prima i CSS e poi il framework
	
	// Setting initial condition
	$('sfondo').setStyle('opacity','0');	
	$('navigazione').setStyle('opacity','0');	
	$('scritta').setStyle('opacity','0');	
	$('logo').setStyle('opacity','0');	
	$('footer').setStyle('opacity','0');	
			
}); 

window.addEvent('load', function(){

/*
ShowItemWithFade.delay (2500, null, ['scritta', 2000]);
ShowItemWithFade.delay (1000, null, ['sfondo', 4000]);
MoveBkg.delay (4000, null, ['sfondo',0, -535, 4000] );
ShowItemWithFade.delay (7500, null, ['navigazione', 2000]);
ShowItemWithFade.delay (8500, null, ['logo', 2000]);
ShowItemWithFade.delay (8500, null, ['footer', 2000]);
*/
ShowItemWithFade.delay (1500, null, ['scritta', 2000]);
ShowItemWithFade.delay (500, null, ['sfondo', 4000]);
MoveBkg.delay (2000, null, ['sfondo',0, -535, 4000] );
ShowItemWithFade.delay (4500, null, ['navigazione', 2000]);
ShowItemWithFade.delay (5500, null, ['logo', 2000]);
ShowItemWithFade.delay (6000, null, ['footer', 2000]);

});

function DrawLine(divID,cssProperty,startValue,endValue,duration) {
	var OrizontalLineFX = new Fx.Style(divID, cssProperty , {
		duration: duration, 
		transition: Fx.Transitions.Quart.easeInOut
	});
	$(divID).effect(cssProperty).set(0);
	$(divID).effect('opacity').set(1);
	OrizontalLineFX.start(startValue,endValue);
}

function ShowItemWithFade(divID, duration) {
	var divFX = new Fx.Style(divID, 'opacity', {
		duration: duration, 
		transition: Fx.Transitions.Cubic.easeOut
	});
	divFX.start(1);
}

function MoveDIV(divID,cssProperty,startValue,endValue,duration) {
	var DivFX = new Fx.Style(divID, cssProperty , {
		duration: duration, 
		transition: Fx.Transitions.Back.easeOut // Bounce.easeOut
	});
	// $(divID).effect(cssProperty).set(0);
	//$(divID).effect(cssProperty).set(endValue);
	
	if (startValue != null) {
		DivFX.start(startValue,endValue);
	}else {
		DivFX.start(endValue);
	}
}

function MoveBkg(divID,startValue,endValue,duration) {
	var DivFX = new Fx.Style(divID, "background-position" , {
		duration: duration, 
		transition: Fx.Transitions.Cubic.easeInOut // Bounce.easeOut
		// transition: Fx.Transitions.Quart.easeInOut // Bounce.easeOut
	});
	// $(divID).effect(cssProperty).set(0);
	//$(divID).effect(cssProperty).set(endValue);
	
	if (startValue != null) {
		DivFX.start(startValue,endValue);
	}else {
		DivFX.start(endValue);
	}
}