window.addEvent('domready', function(){
									 
 	<!-- Fx.Morph -->
 
	Fx.Morph = Fx.Styles.extend({
	 
		start: function(className){
	 
			var to = {};
	 
			$each(document.styleSheets, function(style){
				var rules = style.rules || style.cssRules;
				$each(rules, function(rule){
					if (!rule.selectorText.test('\.' + className + '$')) return;
					Fx.CSS.Styles.each(function(style){
						if (!rule.style || !rule.style[style]) return;
						var ruleStyle = rule.style[style];
						to[style] = (style.test(/color/i) && ruleStyle.test(/^rgb/)) ? ruleStyle.rgbToHex() : ruleStyle;
					});
				});
			});
			return this.parent(to);
		}
	 
	});
	 
	Fx.CSS.Styles = ["backgroundColor", "backgroundPosition", "color", "width", "height", "left", "top", "bottom", "right", "fontSize", "letterSpacing", "lineHeight", "textIndent", "opacity"];
	 
	Fx.CSS.Styles.extend(Element.Styles.padding);
	Fx.CSS.Styles.extend(Element.Styles.margin);
	 
	Element.Styles.border.each(function(border){
		['Width', 'Color'].each(function(property){
			Fx.CSS.Styles.push(border + property);
		});
	});
		
	var myMorph = new Fx.Morph('example_6', {duration:800, wait: false});
	
		myMorph.start('morph2');
	
	var myMorph = new Fx.Morph('morpher_down', {duration:800, wait: false});
		
		myMorph.start('morph4');
		
		
	<!-- Fx.Styles -->
					
	var list = $$('.button a img');
	list.each(function(element) {
		
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		
			element.addEvents({
			'mouseenter': function(){fx.start({'opacity': [1]});},
			'mouseleave': function(){fx.start({'opacity': [0.4]});}
			});
		});
		
	
		
});