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
	// Sulla pagina devo caricare prima gli scripts js e poi gli stili css
	
	// Setting initial condition
	//$('logo').setStyle('opacity','0');	
	//$('logo').setStyle('visibility','visible');
	
	$('bottomline-orizontal').setStyle('width','0');	
	// $('bottomline-orizontal').setStyle('visibility','visible');
	$('bottomline-vertical-sezione').setStyle('height','0');	
	// $('bottomline-vertical').setStyle('visibility','visible');

	$$('#menu li a').setStyle('opacity','0');	
	//$$('#menu li a img').setStyle('visibility','visible');	

	// $('footer').setStyle('opacity','0');

	$('section-column-label').setStyle('opacity','0');

	$('section-column-label').setStyle('opacity','0');
	$('section-column-photo').setStyle('opacity','0');
	$('section-column-photobrowser').setStyle('opacity','0');

	$('section-text').setStyle('opacity','0');

	//$$('#dock-icons img').setStyle('opacity','0');	
	//$$('#dock-icons img').setStyle('visibility','visible');

}); 


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

	function PhotoBrowserDynamic(){
		// Dock
		var szNormal = 60, szSmall  = 45, szFull   = 110;
		var thumbicons = $$("#photobrowser img"); // su a o td non funziona bene su IE
		var fx = new Fx.Elements(thumbicons, {wait: false, duration: 500, transition: Fx.Transitions.Back.easeOut});
		thumbicons.each(function(thumbicon, i) {
			thumbicon.addEvent("mouseenter", function(event) {
				var o = {};
				o[i] = {width: [thumbicon.getStyle("width").toInt(), szFull], opacity: 1 }
				thumbicons.each(function(other, j) {
					if(i != j) {
						var w = other.getStyle("width").toInt();
						if(w != szSmall) o[j] = {width: [w, szSmall], opacity: [other.getStyle("opacity"), 0.3 ]};
					}
				});
				fx.start(o);
			});
		});
		
		$("photobrowser").addEvent("mouseleave", function(event) {
			var o = {};
			thumbicons.each(function(thumbicon, i) {
				o[i] = {width: [thumbicon.getStyle("width").toInt(), szNormal] , opacity: 1 }
			});
			fx.start(o);
		})
	}
	
	PhotoBrowserDynamic();
	// ShowItemWithFade.delay (1000, null, ['logo',2000] );
	DrawLine.delay( 50, null, ['bottomline-orizontal','width',0,960,1500] );
	DrawLine.delay( 800, null, ["bottomline-vertical-sezione","height",0,560,1000] );

	ShowItemWithFade.delay (1200, null, ['section-column-label',2000] );
	ShowItemWithFade.delay (1600, null, ['section-column-photobrowser',2000] );
	ShowItemWithFade.delay (2000, null, ['section-text',2000] );
	ShowItemWithFade.delay (3000, null, ['section-column-photo',2500] );

	// ShowItemWithFade.delay (4000, null, ['footer',2000] );
	
	ShowMenu.delay(800);
	MenuDynamic.delay(800);

});