window.addEvent('domready', function() {

		//slider variables for making things easier below
		var itemsHolder = $('slideshow');
		var myItems = $$(itemsHolder.getElements('.slide'));

		//controls for slider
		var theControls = $('carousel');

		var thePrevBtn = $(theControls.getElement('.prev1'));
		var theNextBtn = $(theControls.getElement('.next1'));

//create instance of the slider, and start it up
		var mySlider = 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: itemsHolder,
			items: myItems,
			prevBtn: thePrevBtn,
			nextBtn: theNextBtn
		});
		mySlider.start();

	});