// Homepage JS
// v1.0.0
// 09.29.2011
//////////////////////////////////////////////////////////////////////////

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

	//slider variables for making things easier below
		var itemsHolder = $('slider');
		var widgetItems = $$(itemsHolder.getElements('.slide'));
		
		//controls for slider
		var theControls = $('slide_controls');
		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 svsSlider = new SL_Slider({
			slideTimer: 14000,				// Time between slides
			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,					//
			transitionTime: 1200,  			// Transition time (1 second = 1000)
			transitionType: 'cubic:out',    // Transition type
			container: itemsHolder,
			items: widgetItems,
			itemNum: 0,						// Initial slide to show
			numNavActive: true,
			numNavHolder: numNavHolder,
			playBtn: thePlayBtn,
			prevBtn: thePrevBtn,
			nextBtn: theNextBtn
		});
		
		
		svsSlider.start();

//
});