jQuery(document).ready(function() {

  

    var div = $("div#scroll");
    var delais = 7000;
    var timer;
    var scr = div.scrollable({
        api: true,
        size: 2,
        interval: 0,
        circular: true,
        speed: 700,
        mousewheel: true, 
        onSeek: function () {

            clearTimeout(timer);
            timer = setTimeout(function () { scr.next(); }, delais);
        }
    });


   // $("div#scroll").scrollable().navigator().autoscroll({ interval: delais });
    

    /*scr.navigator({

		navi: "#nav2",
		naviItem: 'a',
		activeClass: 'active',
		history: true

	});


  
    
    scr.navigator().autoscroll({
        interval: delais
    }); ;

   */

    timer = setTimeout(function () { scr.next(); }, delais);
    div.mouseenter(function () {
        clearTimeout(timer);
    });
    div.mouseleave(function () {
        timer = setTimeout(function () { scr.next(); }, delais);
    });

    $("#prev").click(function () {
        scr.prev();
    });
    $("#next").click(function () {
        scr.next();
    });
 
});