window.addEvent('domready', function() {
		
		// MORPH SINGLE
		//====================
		var fx = new Fx.Elements($$('.morph'), {duration:500});
				
		var to = {
				'font-size': 13,
				'line-height': 20
		};
			
		var from = {
				'font-size': 11,
				'line-height': 16
		};
					
		$$('.singlepiu').addEvent('click', function(eventy) {
			var eventy = new Event(eventy).stop();
			fx.start({
			 '0': to
			});
		});
		
		$$('.singlemeno').addEvent('click', function(eventy) {
			var eventy = new Event(eventy).stop();
			fx.start({
			 '0': from
			});
		});
				
		$$('.indexpiu').addEvent('click', function(eventx) {
			var eventx = new Event(eventx).stop();
			fx.start({
			 '0': to,
			 '1': to,
			 '2': to,
			 '3': to,
			 '4': to,
			 '5': to,
			 '6': to,
			 '7': to,
			 '8': to
			});
		});
	
		$$('.indexmeno').addEvent('click', function(eventx) {
			var eventx = new Event(eventx).stop();
			fx.start({
			 '0': from,
			 '1': from,
			 '2': from,
			 '3': from,
			 '4': from,
			 '5': from,
			 '6': from,
			 '7': from,
			 '8': from
			});
		});

});


window.addEvent('load', function(){
		
		
		// SLIDE TOP
		//====================
		
		/*var mySlide = new Fx.Slide('scorri-top');	
		
		$('toggle-top').addEvent('click', function(e){
			e = new Event(e);
			mySlide.toggle();
			e.stop();
		})i;	
		
		mySlide.hide();*/
		
		// SLIDE BOT
		//====================
		
		
		
		// SLIDE Design by
		//====================
		
		//var mySlide3 = new Fx.Slide('design-by', {mode: 'horizontal'});
		
		//$('toggle-design').addEvent('mouseenter', function(e){
		//	e = new Event(e);
		//	mySlide3.slideIn();
		//	e.stop();		
		//});	
		
		//$('toggle-design').addEvent('mouseleave', function(e){
		//	e = new Event(e);
		//	mySlide3.slideOut();
		//	e.stop();
		//});
		
		//mySlide3.hide();	

		// ELEMENTS
		//====================
		
		var szNormal = 27, szSmall  = 19, szFull   = 122;

		var kwicks = $$("#ro01 .ic01", "#ro02 .ic02");
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 500, transition: Fx.Transitions.Quint.easeInOut});
		
		kwicks.each(function(kwick, i) {
			kwick.addEvent("mouseenter", function(event) {
				var o = {};
				o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
				kwicks.each(function(other, j) {
					if(i != j) {
						var w = other.getStyle("width").toInt();
						if(w != szSmall) o[j] = {width: [w, szSmall]};
					}
				});
				fx.start(o);
			});
		});
		$("ro01").addEvent("mouseleave", function(event) {
			var o = {};
			kwicks.each(function(kwick, i) {
				o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
			});
			fx.start(o);
		})
		$("ro02").addEvent("mouseleave", function(event) {
			var o = {};
			kwicks.each(function(kwick, i) {
				o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
			});
			fx.start(o);
		})

		
		// SCROLLING
		//====================
		
		new SmoothScrolling({duration:1600, transition:Fx.Transitions.Cubic.easeOut}).create();
		
		
});