/*var Kwix = {
				start: function(){
					$$('.sub-menu li').setStyles({'display':'none'}); //we don't want to hide these at all
					Kwix.parseKwicks();
				},
				parseKwicks: function(){
					var squeeze_to = 143;
					var max_width = 383;
					//get original widths
					var start_widths = new Array();
					var kwicks = $$('#menu li');
					kwicks.setStyles({'width': '191px'});
					var fx = new Fx.Elements(kwicks, {'wait': false, 'duration': 400, 'transition':Fx.Transitions.Back.easeOut});
					kwicks.each(function(kwick, i){
						start_widths[i] = kwick.getStyle('width').toInt();
						//mouse is in, squeeze and expand
						kwick.addEvent('mouseenter', function(e){
							$ES('ul', e).setOpacity(1);
							var obj = {};
							obj[i] = {
								'width': [this.getStyle('width').toInt(), max_width]
							};
							var counter = 0;
							kwicks.each(function(other, j){
								if (other != kwick){
									$ES('ul', other).setOpacity(0);
									var w = other.getStyle('width').toInt();
									if (w != squeeze_to) obj[j] = {'width': [w,squeeze_to] };
								}
							});
							fx.start(obj);
							$$('.sub-menu li').setStyles({'display':'block'});
						}
						);
					});
					//mouse is out, squeeze back
					$('menu').addEvent('mouseleave', function(e){
						$ES('ul', this).setOpacity(0);
						var obj = {};
						kwicks.each(function(other, j){
							obj[j] = {'width': [other.getStyle('width').toInt(), start_widths[j]]};
						});
						fx.start(obj);
							$$('.sub-menu li').setStyles({'display':'none'});
					});
				}
			};
			//lock and load!
			window.addEvent('domready',Kwix.start);				
			window.addEvent('domready', function(){
					if(window.ie6){
						$ES('[src]').each(function(el){
							el.setStyles({'filter': 'alpha(opacity=0)'});
						}.bind(this));
						var ap = new AlphaPng();
					}
			});


*/



window.addEvent('domready', function() {
	var szNormal = 192, szSmall = 165, szFull = 300; // 191 143 383
 
	$$('ul.sub-menu').setStyle('opacity','0.00');
 
	var kwicks = $$("#menu li.voci");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 400, transition: Fx.Transitions.Expo.easeOut});
	//var tendine = $("ul.sub-menu");
	//var fx2 = new Fx.Elements(tendine, {wait: false, duration: 300});
	
	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);
			if(i==1){ // tendina 1
				$('sub-menu1').setStyle('opacity','1.00');
				$('sub-menu2').setStyle('opacity','0.00');
			}else if(i==2){ // tendina 2
				$('sub-menu2').setStyle('opacity','1.00');
				$('sub-menu1').setStyle('opacity','0.00');
			}else{
				$$('ul.sub-menu').setStyle('opacity','0.00');
			}
		});
		
	});
  
	$("menu").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
		$$('ul.sub-menu').setStyle('opacity','0.00');
	})

});