var root = $("#main").scrollable({circular: true, items: ".items", clickable: false}).autoscroll({ interval: 5000, autoplay: false, autopause: false}).navigator();
    
    var api = $('#main').data("scrollable");
    
    
    function startScroll()
    {
        console.log('animation done');
        api.play();
    }
    
    function pauseScroll()
    {
        api.stop();
    }
    
    // $('.navi > a').hover(api.pause);
    
    $('#demo_video, #explore_cluster, #download_report').click(api.stop);
    
    $("#news_crawl").scrollable({
        speed: 1000, 
        circular: true,
        next: '.nextnews',
        prev: '.prevnews'
    });
                
    function videoReady()
    {
        api.stop();
    }
    
    $('#events_msg').delay(2000).fadeIn().fadeOut().fadeIn().delay(1000).fadeOut();