(function() {
    var logEl = document.getElementById('log');
    function log(m) { var d = document.createElement('div'); d.className='pkg-log-entry'; d.textContent=m; logEl.appendChild(d); logEl.scrollTop=logEl.scrollHeight; }
    new MultipleUpload('#demo', {
        uploadUrl: '/api/upload',
        multiple: true,
        onFileAdded: function(t) { log('[added] ' + t.fileName); },
        onTaskStart: function(t) { log('[start] ' + t.fileName); },
        onTaskProgress: function(t) { log('[progress] ' + t.fileName + ' ' + t.progress + '%'); },
        onTaskComplete: function(t) { log('[complete] ' + t.fileName); },
        onTaskError: function(t, e) { log('[error] ' + t.fileName + ': ' + e); },
        onTaskRetry: function(t) { log('[retry] ' + t.fileName + ' attempt ' + t.retryCount); },
        onAfterUpload: function(t, r) { log('[afterUpload] ' + t.fileName + ' guid=' + (r.fileGuid||'?')); }
    });
})();