var progress;
var width = 500;
var t;

function progressBarRequest(response) {
  response = response.documentElement;
  progress = response.getElementsByTagName('progress')[0].firstChild.data;
  if (progress > 0) {
    //document.getElementById('su_progress_color').style.width = progress * (width/100);
    //document.getElementById('su_progress_white').style.width = width - (progress * (width/100));
    document.getElementById('su_progress_pct').innerHTML = progress;
  }
}

function refreshProgressBar() {
  if (document.getElementById('UploadProgress') && document.getElementById('UploadProgress').style.display == 'none')
    return;
  else if (!document.getElementById('UploadProgress'))
    return;
  else if (progress == -1) {
    window.clearTimeout(t);
    return;
  }
  if (progress >= 100) {
    window.clearTimeout(t);
    document.getElementById('su_message_inprogress').style.display = 'none';
    //document.getElementById('UploadImage').style.display = 'none';
    document.getElementById('su_message_completed').style.display = '';
    /*if (document.getElementById('upload_inprogress_ovtable')) {
      document.getElementById('upload_inprogress_ovtable').style.display = 'none';
      document.getElementById('upload_finished_ovtable').style.display = '';
    } */
    return;
  }
  else {
    ajaxSend('/apps/ajax/php/progressBarRequest.php?', 'progressBarRequest');
    t = window.setTimeout("refreshProgressBar()", 1500);
  }
}