window.addEvent('domready', function() {
	
	//slider variables for making things easier below
	var ssItemsHolder = $('slideContainer');
	var myItems = $$(ssItemsHolder.getElements('.item'));
	
	//controls for slider
	var theControls = $('slideControls');
	var thePrevBtn = $(theControls.getElement('.prev_btn'));
	var theNextBtn = $(theControls.getElement('.next_btn'));
	
	
	//create instance of the slider, and start it up		
	var successStories = new SL_Slider({
		slideTimer: 6000,
		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: true,
		container: ssItemsHolder,
		items: myItems,
		prevBtn: thePrevBtn,
		nextBtn: theNextBtn
	});
	successStories.start();
	
	//slider variables for making things easier below
	var clItemsHolder = $('clientList');
	var myItems = $$(clItemsHolder.getElements('.clientItem'));
	
	
	//create instance of the slider, and start it up		
	var clientList = new SL_Slider({
		slideTimer: 4000,
		orientation: 'none',      //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,
		container: clItemsHolder,
		items: myItems
	});
	clientList.start();
				 
});
