(function() {
    var logEl = document.getElementById('log');
    function log(m) { var d = document.createElement('div'); d.className='pkg-log-entry'; d.textContent=new Date().toLocaleTimeString()+' '+m; logEl.appendChild(d); logEl.scrollTop=logEl.scrollHeight; }
    document.getElementById('clear-log').addEventListener('click', function() { logEl.innerHTML=''; });
    new MultipleUpload('#demo', {
        uploadUrl: '/api/upload',
        multiple: true,
        removable: true,
        paste: true,
        onInit: function() { log('onInit'); },
        onSelect: function(f) { log('onSelect: ' + f.length + ' files'); },
        onFileAdded: function(t) { log('onFileAdded: ' + t.fileName); },
        onBeforeUpload: function(t) { log('onBeforeUpload: ' + t.fileName); },
        onTaskStart: function(t) { log('onTaskStart: ' + t.fileName); },
        onTaskProgress: function(t) { log('onTaskProgress: ' + t.fileName + ' ' + t.progress + '%'); },
        onTaskComplete: function(t) { log('onTaskComplete: ' + t.fileName); },
        onTaskError: function(t,e) { log('onTaskError: ' + t.fileName + ' ' + e); },
        onTaskRetry: function(t) { log('onTaskRetry: ' + t.fileName); },
        onTaskPause: function(t) { log('onTaskPause: ' + t.fileName); },
        onTaskResume: function(t) { log('onTaskResume: ' + t.fileName); },
        onAfterUpload: function(t) { log('onAfterUpload: ' + t.fileName); },
        onCancel: function(f,t) { log('onCancel: ' + (f?f.name:t.fileName)); },
        onProgress: function(p) { log('onProgress: ' + p.percent + '%'); },
        onChange: function(f) { log('onChange: ' + f.length + ' completed'); },
        onQueueComplete: function(f) { log('onQueueComplete: ' + f.length + ' files'); },
        onError: function(m,n) { log('onError: ' + (n||'') + ' ' + m); },
        onValidationError: function(m,n) { log('onValidationError: ' + (n||'') + ' ' + m); },
        onPaste: function(f) { log('onPaste: ' + f.length + ' files'); },
        onDrop: function() { log('onDrop'); },
        onDragEnter: function() { log('onDragEnter'); },
        onDragLeave: function() { log('onDragLeave'); },
        onEnable: function() { log('onEnable'); },
        onDisable: function() { log('onDisable'); },
        onDestroy: function() { log('onDestroy'); }
    });
})();