window.addEvent('load', function() {
	var ColorHover = '#803353';
	var ColorActive = '#803353';
	var ColorNormal = '#efb9d0';
	
	var ListaLI = $$('.menu ul li');
	
	ListaLI.each(function(el) {
		el.set('morph', {duration: '400'});
		if (!el.hasClass('active')) {
			el.addEvents({ // Aggiungo l'evento al li
				'mouseenter': function() {
					el.morph('.menuhover');
				},
				'mouseleave': function() {
					el.morph('.menuleave');
				}
			});
		} else {
			el.morph('.active');
		}
	});
	$('traspari').set('morph', {duration: 'short'});
	$('traspari').morph({'opacity': 0.5});
	$$('.skype').addEvents({
		'mouseleave': function(e) {
			e = new Event(e).stop();
			$('traspari').morph({'opacity': 0.5});

		},
		'mouseenter': function(e) {
			e = new Event(e).stop();
			$('traspari').morph({'opacity': 1.1});
		}
	});
						  
	
	/*var HLogther = $('highligther'); // Questo è il div che faccio scorrere
	var ObjContainer = $$('.menu'); // Object ul
	var ListaLI = $$('.menu ul li'); // Objects li
	
	
	HLogther.set('morph', {duration: '500', transition: 'quad'});
	var StartMovement = 0;
	var StartSize = 0;
	//var Mover = new Fx.Morph(HLogther, {duration: 'short'}); // Setto l'effetto
	ListaLI.each(function(el, i) { // Controllo ogni elemento (mi serve principalmente per il movimento iniziale)
		if (el.hasClass('active')) { // se ha la classe active (che sarebbe magari la pagina attuale)
			ListaLI.each(function(tel, j) { // sommo tutto le larghezze precedenti in modo da avere lo spostamento
				if (j < i) { StartMovement += tel.getStyle('width').toInt(); }
			});
			StartSize = el.getStyle('width').toInt(); // prendo la larghezza attuale
		}
		el.addEvents({ // Aggiungo l'evento al li
			'mouseenter': function() {
				var movement = 0;
				var size = 0;
				ListaLI.each(function(tel, j) { // Stessa cosa di prima sommo le larghezze e prendo la dimensione
					if (j < i) { movement += tel.getStyle('width').toInt(); }
					if (j == i) { size = tel.getStyle('width').toInt(); }
				});
				HLogther.morph({ // Applico l'effetto
					'margin-left': movement,
					'width': size});
			}
		});
		ObjContainer.addEvents({ // Per evitare un minimo sovrapposizione di eventi quando esce dall'ul ripristino il div alla sua posizione iniziale
			'mouseleave': function() {
				HLogther.morph({
					'margin-left': StartMovement,
					'width': StartSize});
			}
		});
	});
	HLogther.morph({ // Questo mi serve quando viene finita di caricare la pagina
		'margin-left': StartMovement,
		'width': StartSize});*/
});