window.addEvent('domready',function() 
	{
		$each($$('.fade'), function(el) 
		{
			var titleElement = el.getElement('.title');
			var original = titleElement.getStyle('color');
			var morph = new Fx.Morph(titleElement,
				{ 
					'duration':'300', 
					link:'cancel' 
				});
				
			el.addEvents(
			{
				'mouseenter' : function() 
					{ 
						morph.start({ 'color': '#aaaaaa' }) 
					},
				'mouseleave' : function() 
					{ 
						morph.start({ 'color': original }) 
					}
			});
		});
		
		/*$each($$('.toggler'), function(el) 
		{
			//var titleElement = el.getElement('.title');
			var original = el.getStyle('background-image');
			var morph = new Fx.Morph(el,
				{ 
					'duration':'300', 
					link:'cancel' 
				});
				
			el.addEvents(
			{
				'mouseenter' : function() 
					{ 
						morph.start({ 'background-image': "url('../../files/images/arrow_hover.png')" }) 
					},
				'mouseleave' : function() 
					{ 
						morph.start({ 'background-image': original }) 
					}
			});
		});*/
	});