$(document).ready(function(){
    // Create buttons for every slide
    var slides = $("#mygallery .items").children().length;
    

    // Create buttons
    var x = 1;
    for(x=1; x <= slides; x++){
        var item = '<li><a class="autopause" href="#"></a></li>';
        $("#gallery-buttons").append(item);
    }

    $("#gallery-buttons li:first").addClass('active');


    $("#mygallery").scrollable({ circular: true }).autoscroll({autopause:false, interval:10000}).navigator({ navi: '#gallery-buttons' });
    var api = $("#mygallery").data('scrollable');

    $('.autopause').live('click', function(e){
        e.preventDefault();
        api.pause();
    });

});