window.addEvent('domready', function() {
	
	/* ----------Config Vars----------- */
	var transitionTime = 1200; 		//transition time (1 second = 1000)
	var leftPane = $('left_column');  		
	var rightPane = $('right_column'); 
	/* -------- end config vars -------- */
	
	//initialize 
	leftPane.setStyle('opacity', "0");
	rightPane.setStyle('opacity', "0");
	
	//fade in
	var showBox = function(el){ 
		
		//get item to slide out
		var curItem = el;	
		
		//set up our animation stylings for out and in motions (note:  Fx.Styles does NOT exist in moo 1.2, so we must use Fx.Morph or Fx.Tween)
		var fade_in = new Fx.Morph(el, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Cubic.easeOut, 
			     link: 'ignore'
		});
		
		//we will set a beginning value here
		//this is so that it gives the illusion of continuous motion from one direction, even after the first cycle of items
		fade_in.start({
		'opacity': 1
		});
		
	};
	//--------------- end slideMove ---------------------
	
	
	//fade in w/ staggered delays
	showBox.delay(20, null, leftPane);
	showBox.delay(700,null, rightPane);
		
});