var _promo  =   {

    api:    null,

    slides: [],

    sleeper: null,

    interval:       1000,
    
    offset_sleep:   1000,

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

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

    init:   {
        _:  function() {

            _promo.init.scroll();

        },

        scroll: function() {


            _promo.api  =   $("#promo").scrollable({
                size:1,
                api:true
            });

            $("#promo").autoscroll().circular();

            $("#promo .items")
                .mouseover(function() {
                    clearTimeout(_promo.sleeper);
                    _promo.api.stop();
                })
                .mouseout(function() {
                    _promo.sleep();
                })
            ;

            $('#promo_prev')
                .addClass('link')
                .mouseover(function() {
                    clearTimeout(_promo.sleeper);
                    _promo.api.stop();
                })
                .click(function() {
                    _promo.api.prev();

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

            $('#promo_next')
                .addClass('link')
                .mouseover(function() {
                    clearTimeout(_promo.sleeper);
                    _promo.api.stop();
                })
                .click(function() {
                    _promo.api.next();

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

_promo.init._();