window.addEvent('domready', function() {
	
	//1.2.3 compatibility fix for $
	window.$ = document.id;
	
	//variables for making things more simple below
	var myStage = $('promobox');
	var myItems = myStage.getElements('.promo');	
	
	myStage.set('opacity', .01);
	
	var promoSlider = new SL_Slider({
		slideTimer: 15000,  			//Time between slides (1 second = 1000), a.k.a. the interval duration
		orientation: 'horizontal',      //vertical, horizontal, or none: None will create a fading in/out transition.
		fade: true,                     //if true will fade the outgoing slide - only used if orientation is != None
		isPaused: false,				//flag for paused state
		transitionTime: 2000, 		    //Transition time (1 second = 1000)
		transitionType: 'cubic:inOut',	//Transition type
		container: myStage,				//container element
		items:  myItems, 				//Array of elements for sliding
		itemNum: 0,						//Current item number
		numNavActive: false,			//Whether or not the number navigation will be used
		numNavHolder: null,			    //Element that holds the number navigation
		playBtn: null,					//Play (and pause) button element
		prevBtn: null,					//Previous button element
		nextBtn: null					//Next button element
	});
	promoSlider.start();
	
	
	
	
	
	myStage.set('tween', {
		'duration': 1500,
		'transition': 'cubic:inOut'
	});
	myStage.tween('opacity', 1)
	
});