//  JavaScript Document

//  progressbarTransform (2010-03-23)

//  typical using of this component
//  var progressbarTransform1 = new progressbarTransform();

function progressbarTransform() {
  var self = this;
  //
  this.containerID = 'progressbar2';
  this.colors = Array('#66ccff','#19bdff','#009ddc','#007bac','#005399','#003399');
  this.containerElem = null;
  //
  this.init = function() {
    self.containerElem = document.getElementById(self.containerID);
    if (!self.containerElem) return false;
    dojo.query('span',self.containerElem).forEach(self.transform);
    return true;
  };
  //
  this.transform = function(node,index) {
    //
    var elemInner = document.createElement('span');
    elemInner.className = 'inner';
    elemInner.style.width = node.innerHTML;
    elemInner.style.backgroundColor = self.colors[index];
    //
    var elemText = document.createElement('span');
    elemText.className = 'text';
    elemText.innerHTML = node.innerHTML;
    //
    node.innerHTML = '';
    node.appendChild(elemInner);
    node.appendChild(elemText);
    return true;
  };
  //
  return self.init();
}

//  end of document