window.addEvent('domready', function() {
		
	//slider variables for making things easier below
	var itemsHolder = $('visual');
	
	if(itemsHolder != null){
		var myItems = $$(itemsHolder.getElements('li'));
		var theUL = $(itemsHolder.getElement('ul'));
	}
	
	
	
	if((itemsHolder != undefined) && (myItems != undefined)) {
		
		theUL.setStyle('height', 261);
		
		//create instance of the slider, and start it up		
		var mySlider = new SL_Slider({
			transitionTime: 3000, 		//Transition time (1 second = 1000)
			slideTimer: 9000,		  		//time between slides, including transition time above
			transitionType: 'quad:out',	//Transition type
			orientation: 'none',  			//vertical, horizontal, or none: None will create a fading in/out transition.
			fade: true,               			//if true will fade the outgoing slide - only needed if orientation is != None
			isPaused: false,				//start paused?
			container: itemsHolder, 		//container element for slides
			items: myItems					//slide elements
		});
		mySlider.start();
	}
	
				 
});