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", "height", "left"];
	
	if ($('thebox')) {
		$('design').className = "on";
		$('dnav').className = "h110";
		$('studiobox').style.left = "589px";
		$('snav').style.left = "669px";
	}
	else {
		var sbslide = new Fx.Morph('studiobox', {wait: false});
		var snslide = new Fx.Morph('snav', {wait: false});
		var dlinks = new Fx.Morph('dnav', {wait: false});
		
		$('design').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			sbslide.start('l589');
			snslide.start('l669');
			dlinks.start('h110');
		});
		$('design').addEvent('mouseleave', function(e) {
			new Event(e).stop();
			sbslide.start('l479');
			snslide.start('l559');
			dlinks.start('h000');
		});
		
		$('dnav').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			sbslide.start('l589');
			snslide.start('l669');
			dlinks.start('h110');
			$('design').className = "on";
		});
		$('dnav').addEvent('mouseleave', function(e) {
			new Event(e).stop();
			sbslide.start('l479');
			snslide.start('l559');
			dlinks.start('h000');
			$('design').className = "off";
		});
	}
	
	if ($('thebox') || (document.body.className == "home") || (document.body.className == "contact")) {
		var slinks = new Fx.Morph('snav', {wait: false});
	
		$('studio').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			slinks.start('h110');
		});
		$('studio').addEvent('mouseleave', function(e) {
			new Event(e).stop();
			slinks.start('h000');
		});
		
		$('snav').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			slinks.start('h110');
			$('studio').className = "on";
		});
		$('snav').addEvent('mouseleave', function(e) {
			new Event(e).stop();
			slinks.start('h000');
			$('studio').className = "off";
		});
	}
	else {
		$('studio').className = "on";
		$('snav').className = "h110";
	}		
});