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

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

		//controls for slider
		var theControls = $('controls1');
		var numNavHolder = $(theControls.getElement('ul'));
		var thePlayBtn = $(theControls.getElement('.play_btn'));
		var thePrevBtn = $(theControls.getElement('.prev_btn'));
		var theNextBtn = $(theControls.getElement('.next_btn'));    
	    
	    //create instance of the slider, and start it up        
	    var mySlider = new SL_Slider({
	        slideTimer: 10000,
	        orientation: 'horizontal',
	        fade: true,
	        isPaused: true,
	        container: itemsHolder,
	        items: myItems,
			numNavActive: false,
			numNavHolder: numNavHolder,
			playBtn: thePlayBtn,
			prevBtn: thePrevBtn,
			nextBtn: theNextBtn		
			/*
			slideTimer: 8000,      //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: false,           //if true will fade the outgoing slide - only used if orientation is != None
			isPaused: false,       //flag for paused state
			transitionTime: 1100,  //Transition time (1 second = 1000)
			transitionType: 'cubic:out',    //Transition type
			container: null,      //container element
			items:  null,         //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		
			*/
			
	    });
	    mySlider.start();
		
		TB_init();
	                
	});