window.addEvent('domready', function(){
			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($chk(rule.selectorText)){
								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('morpher', {duration: 500, transition: Fx.Transitions.Expo.easeInOut});
			var myMorph2 = new Fx.Morph('morpher2', {duration: 500, transition: Fx.Transitions.Expo.easeInOut});
			var myMorph3a = new Fx.Morph('morpher3a', {duration: 500, transition: Fx.Transitions.Expo.easeInOut});
			var myMorph4 = new Fx.Morph('morpher4', {duration: 500, transition: Fx.Transitions.Expo.easeInOut});
			var myMorph3 = new Fx.Morph('morpher3', {duration: 500,transition: Fx.Transitions.Expo.easeInOut});
			var myMorph5 = new Fx.Morph('morpher5', {duration: 500,transition: Fx.Transitions.Expo.easeInOut});
			var myMorphbackbord = new Fx.Morph('brdback', {duration: 500,transition: Fx.Transitions.Back.easeInOut});
	
			$('bt1').addEvent('click', function(e){
				myMorph.start('morph1b');
				myMorph2.start('morph2a');
				myMorph3a.start('morph3a');
				myMorph4.start('morph4a');
				myMorph5.start('morph5a');
				myMorph3.start('border1');
				myMorphbackbord.start('backbord1');
				
			});
			$('bt2').addEvent('click', function(e){
				myMorph.start('morph1a');
				myMorph2.start('morph2b');
				myMorph3a.start('morph3a');
				myMorph4.start('morph4a');
				myMorph5.start('morph5a');
				myMorph3.start('border2');
				myMorphbackbord.start('backbord2');
				
			});
			$('bt3').addEvent('click', function(e){
				myMorph.start('morph1a');
				myMorph2.start('morph2a');
				myMorph3a.start('morph3b');
				myMorph4.start('morph4a');
				myMorph5.start('morph5a');
				myMorph3.start('border3');
				myMorphbackbord.start('backbord3');
				
			});
			$('bt4').addEvent('click', function(e){
				myMorph.start('morph1a');
				myMorph2.start('morph2a');
				myMorph3a.start('morph3a');
				myMorph4.start('morph4b');
				myMorph5.start('morph5a');
				myMorph3.start('border4');
				myMorphbackbord.start('backbord4');
				
			});
			$('bt5').addEvent('click', function(e){
				myMorph.start('morph1a');
				myMorph2.start('morph2a');
				myMorph3a.start('morph3a');
				myMorph4.start('morph4a');
				myMorph5.start('morph5b');
				myMorph3.start('border5');
				myMorphbackbord.start('backbord5');
				
			});
		});