var PROGRESS_CIRCLE_IMAGE="<img src='/images/progress_circle.gif' height='16' width='16'>";
var PROGRESS_BAR_IMAGE="url(/images/bar/progress_bar.jpg)";
var UNLOADED_COLOR='lightgrey';
var BARHEIGHT=17;
var BARWIDTH=350;
var BORDERCOLOR='black';
var blocksize=(BARWIDTH-2)/100;
BARHEIGHT=Math.max(4,BARHEIGHT);
var loaded=0;
function incrCount(prcnt){
loaded+=prcnt;
setProgressBarPercent(loaded);
}
function decrCount(prcnt){
loaded-=prcnt;
setProgressBarPercent(loaded);
}
function setProgressBarPercent(prcnt){
loaded=prcnt;
if(loaded<0)loaded=0;
if(loaded>=100){
loaded=100;
setTimeout('hidebar()', 400);
}
document.getElementById('progressBar').style.width = blocksize*loaded + "px";
}
function progressBarInit(){
var barHTMLcode='';
barHTMLcode+='<div id="progressBarOuter" style="position:relative; visibility:visible; background-color:'+BORDERCOLOR+'; width:'+BARWIDTH+'px; height:'+BARHEIGHT+'px;">';
barHTMLcode+='<div style="position:absolute; top:1px; left:1px; width:'+(BARWIDTH-2)+'px; height:'+(BARHEIGHT-2)+'px; background-color:'+UNLOADED_COLOR+'; z-index:100; font-size:1px;"></div>';
barHTMLcode+='<div id="progressBar" style="position:absolute; top:1px; left:1px; width:0px; height:'+(BARHEIGHT-2)+'px; background-image:'+PROGRESS_BAR_IMAGE+'; z-index:100; font-size:1px;"></div>';
barHTMLcode+='</div>';
barHTMLcode+='<div id="uploadStatusDiv">&nbsp;</div>';
return barHTMLcode;
}
function hidebar(){
document.getElementById('uploadStatusDiv').innerHTML="100% completed";
}