// JavaScript Document

window.addEvent('domready', function() {
	var colorActive = "#fff";
	var colorNormal = $('msample').getProperty('border-bottom-color');
	var colorHover = "#16356c";
	
	$$('#menu ul li').each(function(el) { // questo lo uso per i bordi 'cambia il colore'
		el.set('morph', {duration: '500'});
		if (el.hasClass("active")) { // azioni quando è attivo
			el.addEvents({
				'mouseenter': function(){ el.morph({'border-bottom-color': colorHover}); },
				'mouseleave': function(){ el.morph({'border-bottom-color': colorActive}); }
			});
		} else {
			el.addEvents({
				'mouseenter': function() { el.morph({'border-bottom-color': colorHover}); },
				'mouseleave': function() { el.morph({'border-bottom-color': colorNormal}); }
			});
		}
	});
	$$('#menu ul li img').each(function(el) { // questo lo uso per le immagini 'cambia trasparenza'
		el.set('morph', {duration: '500'});
		el.morph({'opacity': 0.5});
		el.addEvents({
			'mouseenter': function() { el.morph({'opacity': 1}); },
			'mouseleave': function() { el.morph({'opacity': 0.5}); }
		});
	});
	/*
	$$('#menu ul li').each(function(el) {
		el.set('morph', {duration: '500'});
		if (el.hasClass("active")) { // azioni quando è attivo
			el.addEvents({
				'mouseenter': function(){el.morph({'border-bottom-color': '#53bcd4'}); },
				'mouseleave': function(){el.morph({'border-bottom-color': colorActive}); }
			});
		} else {
			el.morph({'border-bottom-color': '#16356c'});
			var ChildImg = el.getChildren('img');
			el.addEvents({
				'mouseenter': function() {
					el.morph({'border-bottom-color': '#53bcd4'});
					ChildImg.each(function(eli){
						eli.set('morph', {duration: '500'});
						eli.morph({'opacity': 1});
					});
				},
				'mouseleave': function() {
					el.morph({'border-bottom-color': colorNormal});
					ChildImg.each(function(eli){
						eli.set('morph', {duration: '500'});
						eli.morph({'opacity': 0.5});
					});
				}
			});
		}
	});*/
});