window.addEvent('domready', function() {
	
	/* ----------Config Vars----------- */
	var transitionTime = 1200; 		
	var leftPane = $('left_side');  		
	var rightPane = $('right_pane');  	
	/* -------- end config vars -------- */
	
	//initialize 
	leftPane.setStyles({
		'opacity' : "0"
	});
	rightPane.setStyle('opacity', "0");
	
	//fade in
	var showBox = function(el){ 
		
		var curItem = el;	
		
		var fade_in = new Fx.Morph(el, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Cubic.easeOut, 
			     link: 'ignore'
		});
		
		fade_in.start({
		'opacity': 1
		});
		
	};
	//--------------- end slideMove ---------------------
	
	
	//fade in w/ staggered delays
	showBox.delay(50, null, leftPane);
	showBox.delay(550,null, rightPane);
	
});