var Slider = new Class({
    initialize: function(slides)
    {
        this.slides = slides;
        if(!slides || slides.length == 0)
            return;
        
        this.last = slides.length - 1;
        this.currentIndex = 0;
        this.x = 0;
        this.offset = $(this.slides[0]).getSize().x;
    },
    
    goNext: function()
    {
        
        var nextIndex = this.currentIndex + 1;
        if(nextIndex > this.last)
            nextIndex = 0;

        this.swap(this.slides[this.currentIndex],this.slides[nextIndex]);
        this.currentIndex = nextIndex;
    }, 

    goBack: function()
    {
        var nextIndex = this.currentIndex -1;
        if(nextIndex < 0)
            nextIndex = this.last;
         
        this.swap(this.slides[this.currentIndex],this.slides[nextIndex]);

        this.currentIndex = nextIndex;
    },
    
    swap: function(a,b)
    {
        $(a).fade('out');
        $(b).fade('in');        
    }
});

var slider;
// window.addEvent('domready', function() 
// {
//     slider = new Slider($$(".slide"));
// });


//var googleAPIKey= "ABQIAAAAokSsiEneBVl0i95qmxufrBSShGa-Gl0c9qqOm8oM4PUmS_EkXBSQD9ckBoYdUxv2JPiOT4HfTJWrvw";


window.addEvent('domready', function() {
       
        //slider variables for making things easier below
        var itemsHolder = $('container');
        var myItems = $$(itemsHolder.getElements('.item'));
        
        //controls for slider
        var theControls = $('controls1');
        var numNavHolder = $(theControls.getElement('ul'));
        var thePlayBtn = $(theControls.getElement('.slide_play'));
        var thePrevBtn = $(theControls.getElement('.slide_back'));
        var theNextBtn = $(theControls.getElement('.slide_next'));
        
        
        //create instance of the slider, and start it up        
        var mySlider = new SL_Slider({
            slideTimer: 8000,
            orientation: 'horizontal',
            fade: true,
            isPaused: false,
            container: itemsHolder,
            items: myItems,
            numNavActive: false,
            numNavHolder: null,
            //playBtn: thePlayBtn,
            playBtn: null,
            prevBtn: thePrevBtn,
            nextBtn: theNextBtn
        });
        mySlider.start();
               
});