window.addEvent('load', function ()
{
	//slider variables for making things easier below
	var itemsHolder = $('container');
	var myItems = $$(itemsHolder.getElements('.item'));
	
	//controls for slider
	var theControls = $('controls1');
	var numNavHolder = $(theControls.getElement('ul'));
	
	
	//create instance of the slider, and start it up		
	var mySlider = new SL_Slider({
		transitionTime: 200,
		slideTimer: 8000,
		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,
		container: itemsHolder,
		items: myItems,
		numNavActive: true,
		numNavHolder: numNavHolder
	});
	
	mySlider.start();
});