window.addEvent('domready', function() {
	
	
	
	//variables for making things more simple below
	var itemsHolder = $('client-bios');
	//var numNavHolder = $('num_nav').getElement('ul');
	var clientNav = $$('#client-nav li');
	var myItems = $$('.bio');
	
	var i=1;
	
	clientNav.each(function(element) {
	
		
		
		if(element.className != "category" && element.className != "coming-soon") {
			element.set('clickID', i);
			element.addEvent('click', function() {
				
				mySlider.slideIt(element.get('clickID'));
				//alert(element.get('clickID'));
				//alert(mySlider);
			})
			i++;
		}
	
	});
	
	


	//create an instance of the slider, and start it up
	var mySlider = new SL_Slider({
		slideTimer: 8000,
		isPaused: true,
		container: itemsHolder,
		items: myItems
		//numNavActive: true,
		//numNavHolder: numNavHolder
	});
	
	
	
	
	$('client-bios').setStyle('height', '600px');
	mySlider.start();
	
	
	
	
	
});