var _offre  =   {

    api:    null,

    slides: [],

    sleeper: null,

    interval:   1000,
    
    offset_sleep:   1000,

    sleep:  function() {
        this.sleeper =   setTimeout(this.wakeup, this.interval + this.offset_sleep);
    },

    wakeup: function() {
        _offre.api.play();
    },

    init:   {
        _:  function() {

            _offre.init.scroll();

        },

        scroll: function() {


            _offre.api  =   $("#offre").scrollable({
                size:1,
                api:true,
                interval:   _offre.interval
            });

            $("#offre")
                .autoscroll({autopause: true})
                .circular()
            ;

            $("#offre .items")
                .mouseover(function() {
                    clearTimeout(_offre.sleeper);
                    _offre.api.stop();
                })
                .mouseout(function() {
                    _offre.sleep();
                })
            ;
            
            $('#offre_prev')
                .addClass('link')
                .mouseover(function() {
                    clearTimeout(_offre.sleeper);
                    _offre.api.stop();
                })
                .click(function() {
                    _offre.api.prev();

                })
                .mouseout(function() {
                    _offre.sleep();
                })
            ;
            

            $('#offre_next')
                .addClass('link')
                .mouseover(function() {
                    clearTimeout(_offre.sleeper);
                    _offre.api.stop();
                })
                .click(function() {
                    _offre.api.next();
                })
                .mouseout(function() {
                    _offre.sleep();
                })
            ;
        }
    }
};

_offre.init._();