window.addEvent('domready', function(){
		
		var fnChain = new Chain();
		var supBack = $$('#background');
		var navitems = $$('.animate');
		var hdrItems = $$('.content-block');
		var hoverNavi = $$('.nav-item');
		var mains = $$('.blocks');
		var navFx = $$('.fade-area')
		
		supBack.each(function(item) {
			item.setStyle('opacity', 0);
			item.set('morph', {
				duration: 1800,
				onComplete: function(){fnChain.callChain()}
			});
			fnChain.chain(
				function(){item.morph({
					opacity: 1,
					backgroundColor: '#000000'});
				}
			);
		});
		
		navitems.each(function(item) {
			item.setStyle('opacity', 0);
			item.set('morph', {
				duration: 700,
				onComplete: function(){fnChain.callChain()}
			});
			fnChain.chain(
				function(){item.morph({
					opacity: 0.75,
					color: '#f9f9f9'});
				}
			);
		});
		
		hdrItems.each(function(item) {
			item.setStyle('opacity', 0);
			item.set('morph', {
				duration: 2000,
				onComplete: function(){fnChain.callChain()}
			});
			fnChain.chain(
				function(){item.morph({
					opacity: 0.78,
					width: '1001px',
					color: '#f1f1f1'});
				}
			);
		});
		
		mains.each(function(item) {
			item.setStyle('opacity', 0);
			item.set('morph', {
				duration: 800,
				onComplete: function(){fnChain.callChain()}
			});
			fnChain.chain(
				function(){item.morph({ opacity: 0.98 });}
			);
		});
		
		$$('.fade-area').each(function(container) {
			container.getChildren().each(function(child) {
				var siblings = child.getParent().getChildren().erase(child);
				child.addEvents({
					mouseenter: function() { siblings.morph('.navh'); },
					mouseleave: function() { siblings.morph('.nav'); },
					onComplete: function(){fnChain.callChain()}
				});
			});
		});
		
		(function(){fnChain.callChain();}).delay(3000);
		
});