window.addEvent('domready', function(e){
		var pieces = $('content').getElement('.portfolio').getElements('.piece');
		var i = 0;
		var delay = 120;
		pieces.each(function(el){
			el.setStyle('opacity', 0);
			el.set('tween', {duration: 400});
			(function(){
				el.tween('opacity', 1);
			}).delay(delay*i);
			i++;
			
			el.set('morph', {duration: 1000, transition: 'elastic:out'});
			el.addEvent('mouseenter', function(e){
				if(!Browser.Engine.trident){
					el.morph({
						'padding-left': '5px',
						'padding-right': '5px',
						'border-left': '5px solid #545454',
						'border-right': '5px solid #545454'
					});
				}else{
					el.morph({
						'background-color': '#545454',
						'padding-left': '5px',
						'padding-right': '5px'
					});
				}
			});
			el.addEvent('mouseleave', function(e){
				if(!Browser.Engine.trident){
					el.morph({
						'padding-left': '0px',
						'padding-right': '0px',
						'border-left': '0px solid #545454',
						'border-right': '0px solid #545454'
					});
				}else{
					el.morph({
						'background-color': '#000',
						'padding-left': '0px',
						'padding-right': '0px'
					});
				}
			});
		});
		var pillars = $('content_container').getElements('.pillar');
		var active_pillar = $('content_container').getElement('.pillar.active');
		pillars.each(function(el){
			el.set('tween', {duration: 300});
			if(!el.hasClass('active')){
				var op = .75;
				el.setStyle('opacity', op);
				el.addEvent('mouseenter', function(e){
					el.tween('opacity', 1);
					if(active_pillar){ active_pillar.fireEvent('dim'); }
				});
				el.addEvent('mouseleave', function(e){
					el.tween('opacity', op);
					if(active_pillar){ active_pillar.fireEvent('bright'); }
				});
			}
			if(active_pillar){
				active_pillar.addEvent('dim', function(e){
					active_pillar.tween('opacity', op);
				});
				active_pillar.addEvent('bright', function(e){
					active_pillar.tween('opacity', 1);
				});
			}
		});
});