var offState = .8;
	var onState = 1;
	var onOtherState = .2;
	
	var offColor = '#FFFFFF';
	var onColor = '#615A4C';
	
	var Site = {
		start: function(){
			if ($('portfolio')) Site.parseKwicks();
			if ($('design-container')) Site.desSlide();
			if ($('service-container')) Site.serSlide();
			if ($('hosting-container')) Site.hosSlide();
		},
		desSlide: function(){
			var descSlide = new Fx.Slide('design-description', {wait: false, duration: 400, transition: Fx.Transitions.Quart.easeOut});
			$('design-container').addEvent('mouseenter', function(e){
				descSlide.slideIn();
			});
	
			$('design-container').addEvent('mouseleave', function(e){
				descSlide.slideOut();
			});
			descSlide.hide();
			
		},
		serSlide: function(){
			var servSlide = new Fx.Slide('service-description', {wait: false, duration: 400, transition: Fx.Transitions.Quart.easeOut});
			$('service-container').addEvent('mouseenter', function(e){
				servSlide.slideIn();
			});
	
			$('service-container').addEvent('mouseleave', function(e){
				servSlide.slideOut();
			});
			servSlide.hide();
			
		},
		hosSlide: function(){
			var hosSlide = new Fx.Slide('hosting-description', {wait: false, duration: 400, transition: Fx.Transitions.Quart.easeOut});
			$('hosting-container').addEvent('mouseenter', function(e){
				hosSlide.slideIn();
			});
	
			$('hosting-container').addEvent('mouseleave', function(e){
				hosSlide.slideOut();
			});
			hosSlide.hide();
			
		},
		
		parseKwicks: function(){

			var portFolio = $('portfolio');
			var portitems = $$('#portfolio .portitem');
			var fx2 = new Fx.Elements(portitems, {wait: false, duration: 175, transition: Fx.Transitions.linear});
			/* widths */
			var fxFade = new Fx.Elements(portitems, {wait: false, duration: 200, transition: Fx.Transitions.linear});
			/* big portitem fade */

 			var bgFade = new Fx.Style(portFolio, 'background-color', {wait: false, duration:250, transition: Fx.Transitions.linear});
			/* background fade */
			
			$('portfolio').addEvent('mouseenter', function(e){
				bgFade.start(portFolio.getStyle('background-color'), onColor);
			});
			
			portitems.each(function(portitem, i){
				//Start opacity
				portitem.setStyle('opacity',offState);
				portitem.addEvent('mouseenter', function(e){
					var obj = {};
					obj[i] = {
						'width': [portitem.getStyle('width').toInt(), 402]
					};
					var fadeObj = {};
					var op = portitem.getStyle('opacity');
					fadeObj[i] = {'opacity': [op, onState]};
					
					var fadeObjOther = {};
									
					portitems.each(function(other, j){
						if (other != portitem){
							var w = other.getStyle('width').toInt();
							obj[j] = {'width': [w, 47]};
							var op = other.getStyle('opacity');
							fadeObj[j] = {'opacity': [op, onOtherState]};
						}
					});
					fx2.start(obj);
					fxFade.start(fadeObj);

				});
			});
			
			$('portfolio').addEvent('mouseleave', function(e){
				var obj = {};
				var fadeObjOther = {};

				portitems.each(function(other, j){
					obj[j] = {
						'width': [other.getStyle('width').toInt(), 118]
					};
					var op = other.getStyle('opacity');
					fadeObjOther[j] = {'opacity': [op, offState]};
				});
				bgFade.start(portFolio.getStyle('background-color'), offColor);
				fx2.start(obj);
				fxFade.start(fadeObjOther);
			});
		}
	};
	
	window.addEvent('load', Site.start);