window.addEvent('domready', function() {
		
		$('front_image').setStyle('opacity', 0);  
		$('front_image').set('morph', { duration: 3000 });
		
		$('profile_hover').setStyle('opacity', 0);
		$('portfolio_hover').setStyle('opacity', 0);
		$('clients_hover').setStyle('opacity', 0);
		$('connect_hover').setStyle('opacity', 0);
		
		$('profile_menu').setStyle('opacity', 0);
		$('portfolio_menu').setStyle('opacity', 0);
		$('connect_menu').setStyle('opacity', 0);
		
		$('profile_hover').set('morph', { duration: 200 }); 
		$('profile').set('morph', { duration: 200 });
		$('portfolio_hover').set('morph', { duration: 200 }); 
		$('portfolio').set('morph', { duration: 200 }); 
		$('clients_hover').set('morph', { duration: 200 }); 
		$('clients').set('morph', { duration: 200 }); 
		$('connect_hover').set('morph', { duration: 200 }); 
		$('connect').set('morph', { duration: 200 }); 
		
		(function(){ $('front_image').morph({ 'opacity': [ 0.0, 1.0 ] }); }).delay(500);
		(function(){ $('front_image').set( 'morph', { duration: 800 }); }).delay(3000);
		
		(function(){ $('front_image').morph({
			'width': '-1',
			'left': [ 410, 716 ],
			'background-position': '-306px 0px' });
		}).delay(3000);
		
		(function(){ $('front_image').morph({ 
			'left': [ 716, 410 ],
			'background': 'none', 
			'border-bottom-width': [ 1, 0 ],
			'border-right-width': [ 1, 0 ],
			'border-top-width': [ 1, 0 ] });
		}).delay(3800);
		
		$('location_title').set('morph', { duration: 750 });
		(function(){ $('location_title').morph({ 'width': '0' }); }).delay(4500);
		
		$('menu_cover').set('morph', { duration: 800 });
		(function(){ $('menu_cover').morph({
			'width': [ 1, 306 ] });
		}).delay(3000);
		
		$('front_links').set('morph', { duration: 1 });
		(function(){ $('front_links').morph({
			'display': 'inline' });
		}).delay(3800);
		
		$('menu_cover').set('morph', { duration: 800 });
		(function(){ $('menu_cover').morph({
			'width': [ 306, 0 ] });
		}).delay(3800);
		
		$('clients').addEvents({
			mouseenter: function(){
				$('clients_hover').morph({ 'opacity': [ 0.0, 1.0 ] });
				$('clients').morph({ 'opacity': [ 1.0, 0.0 ] });
			}
		});
		
		$('clients_hover').addEvents({
			mouseleave: function(){
				$('clients_hover').morph({ 'opacity': [ 1.0, 0.0 ] });
				$('clients').morph({ 'opacity': [ 0.0, 1.0 ] });
			}
		});
		
		$('profile_menu').addEvents({
			mouseenter: function(){
				$('profile_hover').morph({ 'opacity': [ 0.0, 1.0 ] });
				$('profile').morph({ 'opacity': [ 1.0, 0.0 ] });
				$('profile_menu').morph({ 'opacity': [ 0.0, 1.0 ] });
			},
			mouseleave: function(){
				$('profile_hover').morph({ 'opacity': [ 1.0, 0.0 ] });
				$('profile').morph({ 'opacity': [ 0.0, 1.0 ] });
				$('profile_menu').morph({ 'opacity': [ 1.0, 0.0 ] });
			}
		});
		
		$('portfolio_menu').addEvents({
			mouseenter: function(){
				$('portfolio_hover').morph({ 'opacity': [ 0.0, 1.0 ] });
				$('portfolio').morph({ 'opacity': [ 1.0, 0.0 ] });
				$('portfolio_menu').morph({ 'opacity': [ 0.0, 1.0 ] });
			},
			mouseleave: function(){
				$('portfolio_hover').morph({ 'opacity': [ 1.0, 0.0 ] });
				$('portfolio').morph({ 'opacity': [ 0.0, 1.0 ] });
				$('portfolio_menu').morph({ 'opacity': [ 1.0, 0.0 ] });
			}
		});
		
		$('connect_menu').addEvents({
			mouseenter: function(){
				$('connect_hover').morph({ 'opacity': [ 0.0, 1.0 ] });
				$('connect').morph({ 'opacity': [ 1.0, 0.0 ] });
				$('connect_menu').morph({ 'opacity': [ 0.0, 1.0 ] });
			},
			mouseleave: function(){
				$('connect_hover').morph({ 'opacity': [ 1.0, 0.0 ] });
				$('connect').morph({ 'opacity': [ 0.0, 1.0 ] });
				$('connect_menu').morph({ 'opacity': [ 1.0, 0.0 ] });
			}
		});
	
});