window.addEvent('domready', function() {
    var totIncrement = 0;
    var increment = 402; // was 201
    var maxRightIncrement = increment * (-2); // was -6 // BOB: This negative number is the number of times to click to see all slides.
    var fx = new Fx.Style('myList', 'margin-left', {
        duration: 1000,
        transition: Fx.Transitions.Back.easeInOut,
        wait: true
    });

    //-------------------------------------
    // EVENTS for the button "previous"
    $('previous').addEvents({
        'mouseenter': function(event) {
            if (totIncrement < 0) {
                totIncrement = totIncrement + increment;
                fx.stop()
                fx.start(totIncrement);
            }
        }
    });

    //-------------------------------------
    // EVENTS for the button "next"
    $('next').addEvents({
        'mouseenter': function(event) {
            if (totIncrement > maxRightIncrement) {
                totIncrement = totIncrement - increment;
                fx.stop()
                fx.start(totIncrement);
            }
        }
    });

    //-------------------------------------
    // EVENTS for the button "previous"
    $('previous').addEvents({
        'click': function(event) {
            if (totIncrement < 0) {
                totIncrement = totIncrement + increment;
                fx.stop()
                fx.start(totIncrement);
            }
        }
    });

    //-------------------------------------
    // EVENTS for the button "next"
    $('next').addEvents({
        'click': function(event) {
            if (totIncrement > maxRightIncrement) {
                totIncrement = totIncrement - increment;
                fx.stop()
                fx.start(totIncrement);
            }
        }
    });


});