<commit_before>(function ( $ ) {
 
    $.fn.slideshow = function( options ) {
 
        // This is the easiest way to have default options.
        var settings = $.extend({
            // These are the defaults.
            numOfSlide: 6
        }, options );
 
        // get width
        var width = this.width();

        // get number of images
        var numOfImage = settings.images.length;

        // create show-box
        var showBox = document.createElement('div');
        showBox = $(showBox);
        showBox.width(width);
        showBox.height(width * 3.0 / 4.0);
        showBox.addClass('show-box').appendTo(this);

        // create show box img
        var showBoxImg = document.createElement('div');
        showBoxImg = $(showBoxImg);
        showBoxImg.css('background-image','url(' + settings.images[0] + ')');
        showBoxImg.addClass('show-box-img').appendTo(showBox);

        // create slide-box
        var slideBox = document.createElement('div');
        slideBox = $(slideBox);
        slideBox.width(width);
        slideBox.height(width / settings.numOfSlide);
        slideBox.addClass('slide-box').appendTo(this);

        slideBox.scroll(function(){
            console.log($(this).scrollLeft());
        });

        // create slide-wrapper
        var slideWrapper = document.createElement('div');
        slideWrapper = $(slideWrapper);
        slideWrapper.width(width / settings.numOfSlide * numOfImage);
        slideWrapper.height(width / 5.0);
        slideWrapper.addClass('slide-wrapper').appendTo(slideBox);

        // add arrow
        if (settings.numOfSlide < numOfImage) {
            var arrowLeft = $(document.createElement('div')).addClass('arrow-left');
            arrowLeft.css('bottom',width / settings.numOfSlide - 55);
            arrowLeft.appendTo(showBox);
            

            var arrowRight = $(document.createElement('div')).addClass('arrow-right');
            arrowRight.css('bottom',width / settings.numOfSlide - 55);
            arrowRight.appendTo(showBox);

            arrowLeft.click(function(){
                slideBox.animate({
                    scrollLeft: '-=' + width / settings.numOfSlide
                },300);
            });

            arrowRight.click(function(){<commit_msg>add readme<commit_after>(function ( $ ) {
 
    $.fn.slideshow = function( options ) {
 
        // This is the easiest way to have default options.
        var settings = $.extend({
            // These are the defaults.
            numOfSlide: 6
        }, options );
 
        // get width
        var width = this.width();

        // get number of images
        var numOfImage = settings.images.length;

        // create show-box
        var showBox = document.createElement('div');
        showBox = $(showBox);
        showBox.width(width);
        showBox.height(width * 3.0 / 4.0);
        showBox.addClass('show-box').appendTo(this);

        // create show box img
        var showBoxImg = document.createElement('div');
        showBoxImg = $(showBoxImg);
        showBoxImg.css('background-image','url(' + settings.images[0] + ')');
        showBoxImg.addClass('show-box-img').appendTo(showBox);

        // create slide-box
        var slideBox = document.createElement('div');
        slideBox = $(slideBox);
        slideBox.width(width);
        slideBox.height(width / settings.numOfSlide);
        slideBox.addClass('slide-box').appendTo(this);

        slideBox.scroll(function(){
            console.log($(this).scrollLeft());
        });

        // create slide-wrapper
        var slideWrapper = document.createElement('div');
        slideWrapper = $(slideWrapper);
        slideWrapper.width(width / settings.numOfSlide * numOfImage);
        slideWrapper.height(width / 5.0);
        slideWrapper.addClass('slide-wrapper').appendTo(slideBox);

        // add arrow
        if (settings.numOfSlide < numOfImage) {
            var arrowLeft = $(document.createElement('div')).addClass('arrow-left');
            arrowLeft.css('bottom',width / settings.numOfSlide / 1.8);
            arrowLeft.appendTo(showBox);
            

            var arrowRight = $(document.createElement('div')).addClass('arrow-right');
            arrowRight.css('bottom',width / settings.numOfSlide / 1.8);
            arrowRight.appendTo(showBox);

            arrowLeft.click(function(){
                slideBox.animate({
                    scrollLeft: '-=' + width / settings.numOfSlide
                },300);
            });

            arrowRight.click(function(){
{'fraction_non_alphanumeric': 0.1369321922317314, 'fraction_numerical': 0.0065832784726793945, 'mean_word_length': 2.022546419098143, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '713968', 'n_tokens_mistral': 1247, 'n_tokens_neox': 1192, 'n_words': 222}