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 (!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 = ["color", "width"];
 
 
Element.Styles.border.each(function(border){
	['Width', 'Color'].each(function(property){
		Fx.CSS.Styles.push(border + property);
	});
});
 
var myMorph = new Fx.Morph('navig1', {wait: false});
 
$('navi1').addEvent('mouseout', function(e){
	new Event(e).stop();
 
	myMorph.start('nav1');
 
});
 
$('navi1').addEvent('mouseover', function(e){
	new Event(e).stop();
 
	myMorph.start('nav2');
 
});

var myMorph2 = new Fx.Morph('navig2', {wait: false});
 
$('navi2').addEvent('mouseout', function(e){
	new Event(e).stop();
 
	myMorph2.start('nav1');
 
});
 
$('navi2').addEvent('mouseover', function(e){
	new Event(e).stop();
 
	myMorph2.start('nav2');
 
});

var myMorph3 = new Fx.Morph('navig3', {wait: false});
 
$('navi3').addEvent('mouseout', function(e){
	new Event(e).stop();
 
	myMorph3.start('nav1');
 
});
 
$('navi3').addEvent('mouseover', function(e){
	new Event(e).stop();
 
	myMorph3.start('nav2');
 
});

var myMorph4 = new Fx.Morph('navig4', {wait: false});
 
$('navi4').addEvent('mouseout', function(e){
	new Event(e).stop();
 
	myMorph4.start('nav1');
 
});
 
$('navi4').addEvent('mouseover', function(e){
	new Event(e).stop();
 
	myMorph4.start('nav2');
 
});

var myMorph5 = new Fx.Morph('navig5', {wait: false});
 
$('navi5').addEvent('mouseout', function(e){
	new Event(e).stop();
 
	myMorph5.start('nav1');
 
});
 
$('navi5').addEvent('mouseover', function(e){
	new Event(e).stop();
 
	myMorph5.start('nav2');
 
});


});