function htmlProgressBar(name,positions,position,width)
{
  var bgcolor='#ffffff';
  var fgcolor='#aaaaaa';
  var lwidth = (width*(position/positions)); 
  var rwidth = width-lwidth;


  eval("Progress"+name+"Positions="+positions+";");
  eval("Progress"+name+"Width="+width+";");

  var html="";
  html+='<table border="0" cellspacing="0" cellpadding="0">'+"\n";
  html+='<tr><td class="MTSBarBorder2" height="1" colspan="4" nowrap></td>'+"\n";
  html+='<td class="MTSBarBorder4" width="1" rowspan="4" nowrap></td></tr>'+"\n";
  html+='<tr><td ="bb2" width="1" rowspan="3" nowrap></td>'+"\n";
  html+='<td class="MTSBarBorder2" height="1" colspan="2" nowrap></td>'+"\n";
  html+='<td class="MTSBarBorder4" width="1" rowspan="3" nowrap></td></tr>'+"\n";
  html+='<tr><td class="MTSBarBorder2" width="1" nowrap></td>'+"\n";
  html+='<td bgcolor="'+bgcolor+'" width="'+width+'" id="Progress'+name+'Max" nowrap>'+"\n";
  html+='<table border="0" cellspacing="0" cellpadding="0">'+"\n";
  html+='<tr><td bgcolor="'+fgcolor+'" width="'+lwidth+'" height="6" id="Progress'+name+'Pos" nowrap></td></tr>'+"\n";
  html+='</table>'+"\n";
  html+='</td></tr>'+"\n";
  html+='<tr><td class="MTSBarBorder4" height="1" colspan="2" nowrap></td></tr>'+"\n";
  html+='<tr><td class="MTSBarBorder4" height="1" colspan="5" nowrap></td></tr>'+"\n";
  html+='</table>'+"\n";

  return html;
}


function setProgresPosition(name,position)
{
  var positions=eval("Progress"+name+"Positions");
  var width=eval("Progress"+name+"Width");
  if (position<0) position=0;
  if (position>positions) position=positions;
  var lwidth = (positions>0)? Math.round(width*(position/positions)):0; 
  if (!lwidth) lwidth=1;
  var name="Progress"+name+"Pos";
  var object=document.getElementById(name);
  if (object!=undefined) object.width=lwidth;
}