window.addEvent('domready', function() {
	
	/* ----------Config Vars----------- */
	var transitionTime = 1300; //transition time (1 second = 1000)
	var items = $$('h2');  //Get array of elements for sliding
	var numItems = items.length;  //get number of slider items
	/* -------- end config vars -------- */
	
	
	
	//--------- setup stuff ---------//
	items.each(function(element, index) {
		
		//since the viewer obviously has javascript on, we can remove the 'first_item' class
		element.setStyle('opacity', "0");
		
	});
	//--------- end setup stuff ---------//
	
	
	
	
	var showBox = function(boxNum){ 
		
		//get item to slide out
		var curItem = items[boxNum]; 		
		
		//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(curItem, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Cubic.easeOut, 
			     link: 'ignore',
			     
			     //click prevention functions
			     onStart: function(){
				    //isSliding = 1;  //prevents extra clicks
			     },
			     
			     onComplete: function(){ 
					//isSliding = 0;  //allow clicks again
				}
		});
		
		//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 ---------------------
	
	
	showBox.delay(250, null,0);
	showBox.delay(750,null,1);
	
	

	
});