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').setStyle('height','0');	
	//$('bottomline-vertical').setStyle('visibility','visible');

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

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

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


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


	function DockDynamic(){
		// Dock
		var szNormal = 118, szSmall  = 99, szFull   = 250;
		var dockImgs = $$("#dock-icons .icon");
		var fx = new Fx.Elements(dockImgs, {wait: false, duration: 500, transition: Fx.Transitions.Back.easeOut});
		dockImgs.each(function(dockImg, i) {
			dockImg.addEvent("mouseenter", function(event) {
				var o = {};
				// o[i] = {width: [dockImg.getStyle("width").toInt(), szFull]}
				o[i] = {width: [dockImg.getStyle("width").toInt(), szFull] , opacity: 1 }
				dockImgs.each(function(other, j) {
					if(i != j) {
						var w = other.getStyle("width").toInt();
						if(w != szSmall) o[j] = {width: [w, szSmall]};
						// if(w != szSmall) o[j] = {width: [w, szSmall], opacity: [other.getStyle("opacity") , 0.3 ]};
					}
				});
				fx.start(o);
			});
		});
		
		$("dock-icons").addEvent("mouseleave", function(event) {
			var o = {};
			dockImgs.each(function(dockImg, i) {
				// o[i] = {width: [dockImg.getStyle("width").toInt(), szNormal]}
				o[i] = {width: [dockImg.getStyle("width").toInt(), szNormal] , opacity: 1 }
			});
			fx.start(o);
		})
	}
	
	 function ShowDock() {
		var timer = 0;
		var sideblocks = $$('#dock img');
		var slidefxs = [];
		sideblocks.each(function(el, i){
			el.setStyle('opacity', '0');
			timer += 100;
			slidefxs[i] = new Fx.Tween(el, { 
				property: 'opacity', 
				duration: 4000,
				transition: Fx.Transitions.backOut,
				wait: false
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 1);

		}, this);
	}


	// Starting animation
	DockDynamic();
	ShowItemWithFade.delay (1000, null, ['logo',2000] );
	ShowItemWithFade.delay (5500, null, ['footer',2000] );
	
	DrawLine.delay( 2500, null, ['bottomline-orizontal','width',0,960,1500] );
	DrawLine.delay( 3500, null, ["bottomline-vertical","height",0,110,1000] );
	
	ShowMenu.delay(3500);
	ShowDock.delay(2000);						
	MenuDynamic.delay(4000);

	//$('imglogo').addReflection();
	//$('peppe').addReflection();	
});