$(function () {


    $('#fileupload').fileupload({
        dataType: 'json',
        add: function (e, data) {
            data.submit();
        },
        progressall: function (e, data) {
            $('.error').hide();
            $('#cancel_button').css("display", "block");
            $('#upload-desc').hide();
            $('.upload').hide();

            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('.progress-bar').show();
            $('.progress-bar').css('width', progress + '%');
            $('.progress-bar').html(progress + '%');
        },
        done: function (e, data) {
           console.log('Upload finished.');


            $.each(data.result.files, function (index, file) {
                if (file.error) {
                    console.log('<strong>' + file.name + '</strong>: ' + file.error);

                }
                else {
                    console.log(file.name);
                }
            });

            $('#files').html(data.result.list);


        },
        stop: function (e, data) {

           document.location = document.location +"?new_uploads=1";

        },


    });
});