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 = ["opacity"];

	var link1 = $('link1');
	var link2 = $('link2');
	var link3 = $('link3');
	var link4 = $('link4');
	
	function createFade(link,fade) {
		$(link).style.opacity = "0.3";
		link.addEvent('mouseover', function() {
			fade.start('fadein');
		});
		link.addEvent('mouseout', function() {
			fade.start('fadeout');
		});
		fade.start('fadeout');
	}

	var sPath = window.location.pathname;
	var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);	
	if(!(sPage.match(/index/i)) && (sPage!=""))
	{
		if(link1) { 
			var fade1 = new Fx.Morph(link1, {wait: false, duration: 500});
			createFade(link1,fade1); 
		}
	}
	if(!(sPage.match(/started/i)))
	{
		if(link2) { 
			var fade2 = new Fx.Morph(link2, {wait: false, duration: 500});
			createFade(link2,fade2); 
		}
	}
	if(!(sPage.match(/regist/i)))
	{
		if(link3) { 
			var fade3 = new Fx.Morph(link3, {wait: false, duration: 500});
			createFade(link3,fade3); 
		}
	}
	if(!(sPage.match(/market/i)))
	{
		if(link4) { 
			var fade4 = new Fx.Morph(link4, {wait: false, duration: 500});
			createFade(link4,fade4); 
		}
	}
});