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

        if($('slslider')) {


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

            //controls for slider
            var controls = $('controls');
            var numNavHolder = $(controls.getElement('ul'));

            //create instance of the slider, and start it up
            var mySlider = new SL_Slider({
                    slideTimer: 6000,
                    orientation: 'none',      //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,
                    container: itemsHolder,
                    items: myItems,
                    numNavActive: true,
                    numNavHolder: numNavHolder
            });
            mySlider.start();


        } else {
            alert('The element with the id slslider could not be found!');
        }

});