window.addEvent('domready', function() {
	
	/* ----------Config Vars----------- */
	var transitionTime = 1300; 			//transition time (1 second = 1000)
	var leftPic = $('left_pane');  			//left image
	var rightPane = $('contact_info'); 	 //right side 
	/* -------- end config vars -------- */
	
	
	//initialize 
	leftPic.setStyle('opacity', "0");
	rightPane.setStyle('opacity', "0");
	
	
	//function to fade in an element
	var showBox = function(el){ 
		
		var fade_in = new Fx.Morph(el, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Cubic.easeOut, 
			     link: 'ignore'
		});
		
		fade_in.start({
		'opacity': 1
		});
		
	};
	//--------------- end showBox ---------------------
	
	
	//fade in w/ staggered delays
	showBox.delay(200,null, leftPic);
	showBox.delay(700,null, rightPane);
	
	

	
});