if (!LObjects)
{
  var LObjects = [];
};

function LSlider(theFieldnamePrefix)
{
  this._objectId;
  this.fieldName;
  this._disabled = false;
  this.direction = 0;
  this.width = 100;
  this.height = 20;
  this.minVal = 0;
  this.maxVal = 100;
  this.valueDefault = 0;
  this.arrowAmount = 1;
  this.colorbar;
  this.baseZindex = 1000;
  this.moveX = 0;
  this.moveY = 0;
  this.imgBasePath;
  this.imgDir = '';
  this._bgImgSrc;
  this._bgImgRepeat;
  this._sliderImgSrc;
  this._sliderImgWidth;
  this._sliderImgHeight;
  this.styleContainerClass;
  this.styleValueFieldClass = 'smalltxt spanSliderField';
  this.styleValueTextClass = 'smalltxt spanSliderText';
  this.bgColor;
  this._arrowIconLeftSrc;
  this._arrowIconLeftWidth = 0;
  this._arrowIconLeftHeight = 0;
  this._IconLeftCssStyle = 0;
  this._arrowIconRightSrc;
  this._arrowIconRightWidth = 0;
  this._arrowIconRightHeight = 0;
  this._IconRightCssStyle = 0;
  this.valueInterval = 1;
  this.useInputField = 2;
  this.inputTextFieldEvent = 'over';
  this.ctrl;
  this._valueInternal;
  this._display = 2;
  this._arrowLeftContainerId;
  this._arrowLeftContainerObj;
  this._arrowLeftIconId;
  this._arrowLeftIconObj;
  this._arrowRightContainerId;
  this._arrowRightContainerObj;
  this._arrowRightIconId;
  this._arrowRightIconObj;
  this._valueContainerId;
  this._valueContainerObj;
  this._handleId;
  this._handleObj;
  this._valueFieldId;
  this._valueFieldObj;
  this._valueTextId;
  this._valueTextObj;
  this._slideBarId;
  this._slideBarObj;
  this._colorbarId;
  this._colorbarObj;
  this._posUpperLeftX;
  this._posUpperLeftY;
  this._posSlideStart;
  this._posSlideEnd;
  this._slideWidth;
  this._attachedEvents;
  this.eventOnChange;
  this.slideStartCB;
  this.slideMoveCB;
  this.slideEndCB;
  this._constructor = function(theFieldnamePrefix)
  {
    this._id = LObjects.length;
    LObjects[this._id] = this;
    this._objectId = "LSlider_" + this._id;
    this.objectName = this._objectId;
    if (typeof(theFieldnamePrefix) == 'string')
    {
      this.fieldName = theFieldnamePrefix + '_value';
      this.objectName = theFieldnamePrefix;
    }
  }
  this._checkup = function()
  {
    if (typeof(this.minVal) == 'undefined')
      this.minVal = 0;
    if (typeof(this.maxVal) == 'undefined')
      this.maxVal = 10;
    if (typeof(this.valueDefault) == 'undefined')
      this.valueDefault = this.minVal;
    this._valueInternal = this.valueDefault;
    if (typeof(this.imgBasePath) == 'string')
      this.imgDir = this.imgBasePath;
  }
  this.render = function(tagId)
  {
    this._checkup();
    this._containerId = 'co' + tagId;
    this._handleId = 'po' + tagId;
    this._arrowLeftContainerId = 'alc' + tagId;
    this._arrowLeftIconId = 'ali' + tagId;
    this._arrowRightContainerId = 'arc' + tagId;
    this._arrowRightIconId = 'ari' + tagId;
    this._valueContainerId = 'vc' + tagId;
    this._valueFieldId = 'vf' + tagId;
    if (typeof(this.fieldName) == 'undefined')
      this.fieldName = tagId + '_value';
    this._valueTextId = 'vt' + tagId;
    this._slideBarId = 'bar' + tagId;
    this._colorbarId = 'cb' + tagId;
    var divWidth = this.width;
    var divHeight = this.height;
    var completeWidth = this.width + this._arrowIconLeftWidth + this._arrowIconRightWidth + this._sliderImgWidth + 15;
    var out = new Array();
    var outI = 0;
    var localOffset = 0;
    out[outI++] = '<div id="' + this._containerId + '"';
    if (this.styleContainerClass)
    {
      out[outI++] = ' class="' + this.styleContainerClass + '"';
    }
    out[outI++] = ' style="position:relative;';
    if (this._display == 0)
    {
      out[outI++] = ' display:none;';
    }
    else if (this._display == 1)
    {
      out[outI++] = ' visibility:hidden;';
    }
    out[outI++] = '">';
    out[outI++] = '<div style="position:absolute; left:' + this.moveX + '; top:' + this.moveY + ';">';
    out[outI++] = '<div style="position:absolute; display:none; z-index:5000;" id="' + this._handleId + '">';
    out[outI++] = '<img name="bsslidericonname" src="' + this.imgDir + this._sliderImgSrc + '" border=0 width=' + this._sliderImgWidth + ' height=' + this._sliderImgHeight + '>';
    out[outI++] = '</div>';
    if ((this.arrowAmount > 0) && this._arrowIconLeftSrc)
    {
      out[outI++] = '<div id="' + this._arrowLeftContainerId + '" style="position:absolute; left:' + localOffset + '; top:0;">';
      out[outI++] = '<a href="javascript:void(false);" onClick="LObjects[' + this._id + '].onChangeByArrow(false); return false;">';
      out[outI++] = '<img id="' + this._arrowLeftIconId + '" src="' + this.imgDir + this._arrowIconLeftSrc + '" border="0" width="' + this._arrowIconLeftWidth + '" height="' + this._arrowIconLeftHeight + '"';
      if (typeof(this.arrowIconLeftCssStyle) != 'undefined')
      {
        out[outI++] = ' style="' + this.arrowIconLeftCssStyle + '"';
      }
      out[outI++] = '>';
      out[outI++] = '</a></div>';
      localOffset += this._arrowIconLeftWidth;
    }
    if (this.colorbar)
    {
      out[outI++] = '<div id="' + this._colorbarId + '" onClick="LObjects[' + this._id + '].onChangeByClick(event);"';
      if (this.colorbar['cssClass'])
      {
        out[outI++] = ' class="' + this.colorbar['cssClass'] + '"';
      }
      out[outI++] = ' style="position:absolute; z-index:4000; width:0;';
      if ('undefined' != typeof(this.colorbar['color']))
      {
        out[outI++] = ' background-color:' + this.colorbar['color'] + ';';
      }
      else if ('undefined' == typeof(this.colorbar['cssClass']))
      {
        out[outI++] = ' background-color:orange;';
      }
      if ('undefined' != typeof(this.colorbar['offsetLeft']))
      {
        out[outI++] = ' left:' + (localOffset + this.colorbar['offsetLeft']) + ';';
      }
      if ('undefined' != typeof(this.colorbar['offsetTop']))
      {
        out[outI++] = ' top:' + this.colorbar['offsetTop'] + ';';
      }
      if ('undefined' != typeof(this.colorbar['height']))
      {
        out[outI++] = ' height:' + this.colorbar['height'] + ';';
      }
      out[outI++] = '">';
      out[outI++] = '<img src="spacer.gif" width="1" height="5"></div>';
    }
    out[outI++] = '<div id="' + this._slideBarId + '" onClick="LObjects[' + this._id + '].onChangeByClick(event);" style="position:absolute; left:' + localOffset + '; top:0; width:' + this.width + '; height: ' + divHeight + '; clip:rect(0 ' + divWidth + '  ' + divHeight + ' 0);';
    if (this.bgColor)
    {
      out[outI++] = 'background-color:' + this.bgColor + '; layer-background-color:' + this.bgColor + ';';
    }
    if (this._bgImgSrc)
    {
      out[outI++] = ' background: url(' + this.imgDir + this._bgImgSrc + ') ' + this._bgImgRepeat + ';';
    }
    out[outI++] = '"></div>';
    localOffset += this.width;
    if ((this.arrowAmount > 0) && this._arrowIconRightSrc)
    {
      out[outI++] = '<div id="' + this._arrowRightContainerId + '" style="position:absolute; left:' + localOffset + '; top:0;">';
      out[outI++] = '<a href="javascript:void(false);" onClick="LObjects[' + this._id + '].onChangeByArrow(true); return false;">';
      out[outI++] = '<img id="' + this._arrowRightIconId + '" src="' + this.imgDir + this._arrowIconRightSrc + '" border="0" width="' + this._arrowIconRightWidth + '" height="' + this._arrowIconRightHeight + '"';
      if (typeof(this.arrowIconRightCssStyle) != 'undefined')
      {
        out[outI++] = ' style="' + this.arrowIconRightCssStyle + '"';
      }
      out[outI++] = '>';
      out[outI++] = '</a></div>';
      localOffset += this._arrowIconRightWidth;
    }
    var styleValueFieldClass = (this.styleValueFieldClass) ? ' class="' + this.styleValueFieldClass + '"' : '';
    var styleValueTextClass  = (this.styleValueTextClass)  ? ' class="' + this.styleValueTextClass  + '"' : '';
    out[outI++] = '<div id="' + this._valueContainerId + '" style="position:absolute; left:' + localOffset + '; top:0px;">';
    if (this.useInputField == 1)
    {
      out[outI++] = '<span' + styleValueTextClass + ' id="' + this._valueTextId + '">' + this.valueDefault + '</span>';
      out[outI++] = '<input type="hidden" name="' + this.fieldName + '" id="' + this._valueFieldId + '" value="' + this.valueDefault + '">';
    }
    else if (this.useInputField == 2)
    {
      out[outI++] = '<input type="text"' + styleValueFieldClass + ' onMouseOver="bsFormFieldSetFocusAndSelect(this, false);" name="' + this.fieldName + '" id="' + this._valueFieldId + '" value="' + this.valueDefault + '" size="2"';
      if (styleValueFieldClass == '')
      {
        out[outI++] = ' style="vertical-align:text-top; width:30; height:' + this.height + ';"';
      }
      out[outI++] = ' onKeyUp="LObjects[' + this._id + '].onChangeByInput(this.value, false);" onBlur="LObjects[' + this._id + '].onChangeByInput(this.value, true);">';
    }
    else if (this.useInputField == 3)
    {
      out[outI++] = '<input type="text"' + styleValueFieldClass + ' onMouseOver="bsFormFieldSetFocusAndSelect(this, false);" name="' + this.fieldName + '" id="' + this._valueFieldId + '" value="' + this.valueDefault + '" size="2"';
      if (styleValueFieldClass == '')
      {
        out[outI++] = ' style="display:none; vertical-align:text-top; width:30; height:' + this.height + ';"';
      }
      else
      {
        out[outI++] = ' style="display:none;"';
      }
      out[outI++] = ' onKeyUp="LObjects[' + this._id + '].onChangeByInput(this.value, false);" onBlur="var _bss = LObjects[' + this._id + ']; _bss.onChangeByInput(this.value, true); _bss.textboxEdit(false)">';
      out[outI++] = '<span' + styleValueTextClass + ' style="" id="' + this._valueTextId + '" ';
      if (this.inputTextFieldEvent == 'click')
      {
        out[outI++] = 'onClick="LObjects[' + this._id + '].textboxEdit(true);"';
      }
      else
      {
        out[outI++] = 'onMouseOver="LObjects[' + this._id + '].textboxEdit(true);"';
      }
      out[outI++] = '>' + this.valueDefault + '</span>';
    }
    else
    {
      out[outI++] = '<input type="hidden" name="' + this.fieldName + '" id="' + this._valueFieldId + '" value="' + this.valueDefault + '">';
    }
    out[outI++] = '</div>';
    out[outI++] = '</div>';
    out[outI++] = '</div>';
    document.getElementById(tagId).innerHTML = out.join('');
    this._containerObj = document.getElementById(this._containerId);
    this._handleObj = document.getElementById(this._handleId);
    this._valueContainerObj = document.getElementById(this._valueContainerId);
    this._arrowLeftContainerObj = document.getElementById(this._arrowLeftContainerId);
    this._arrowLeftIconObj = document.getElementById(this._arrowLeftIconId);
    this._arrowRightContainerObj = document.getElementById(this._arrowRightContainerId);
    this._arrowRightIconObj = document.getElementById(this._arrowRightIconId);
    this._valueFieldObj = document.getElementById(this._valueFieldId);
    this._valueTextObj = document.getElementById(this._valueTextId);
    this._slideBarObj = document.getElementById(this._slideBarId);
    this._colorbarObj = document.getElementById(this._colorbarId);
    this._posSlideStart = getDivLeft(this._slideBarObj);
    this._slideWidth = this.width - this._sliderImgWidth;
    this._posSlideEnd = this._posSlideStart + this._slideWidth
    ;this._currentRelSliderPosX = this._posSlideStart;
    if (this.valueDefault > this.minVal)
    {
      var hundertPercent = this.maxVal - this.minVal;
      var myPercent = (this.valueDefault-this.minVal) * 100 / hundertPercent;
      this._currentRelSliderPosX += (myPercent * this._slideWidth / 100);
      this._updateColorbar(this._currentRelSliderPosX);
    }
    this._handleObj.style.left = this._currentRelSliderPosX;
    this._handleObj.style.display = 'block';
    temp = ech_attachMouseDrag(this._handleObj, this.slideStart, null, this.slideMove, null, this.slideEnd, null, null, null);
    temp = temp.linkCtrl(getDivImage('','bsslidericonname'));
    this.ctrl = temp;
    this.ctrl.sliderObj = this;
    var x = getDivLeft(this._handleObj);
    var y = getDivTop(this._handleObj);
    y = 0;
    if (this.direction == 0)
    {
      this.ctrl.minX = this._posSlideStart;
      this.ctrl.maxX = this._posSlideEnd;
      this.ctrl.minY = y;
      this.ctrl.maxY = y;
    }
    else
    {
      alert('not implemented');
    }
  }
  this.drawInto = function(tagId)
  {
    this.render(tagId);
    if (this._disabled)
      this.setDisabled(true);
  }
  this.draw = function(tagId)
  {
    this.render(tagId);
    if (this._disabled)
      this.setDisabled(true);
  }
  this.attachEvent = function(trigger, yourEvent)
  {
    if (typeof(this._attachedEvents) == 'undefined')
    {
      this._attachedEvents = new Array();
    }
    if (typeof(this._attachedEvents[trigger]) == 'undefined')
    {
      this._attachedEvents[trigger] = new Array(yourEvent);
    }
    else
    {
      this._attachedEvents[trigger][this._attachedEvents[trigger].length] = yourEvent;
    }
  }
  this.hasEventAttached = function(trigger)
  {
    return (this._attachedEvents && this._attachedEvents[trigger]);
  }
  this.fireEvent = function(trigger)
  {
    if (this._attachedEvents && this._attachedEvents[trigger])
    {
      var e = this._attachedEvents[trigger];
      if ((typeof(e) == 'string') || (typeof(e) == 'function'))
      {
        e = new Array(e);
      }
      for (var i = 0; i < e.length; i++)
      {
        if (typeof(e[i]) == 'function')
        {
          e[i](this);
        }
        else if (typeof(e[i]) == 'string')
        {
          eval(e[i]);
        }
      }
    }
  }
  this.attachOnChange = function(functionName)
  {
    this.eventOnChange = functionName;
  }
  this.attachOnSlideStart = function(functionName)
  {
    this.slideStartCB = functionName;
  }
  this.attachOnSlideMove = function(functionName)
  {
    this.slideMoveCB = functionName;
  }
  this.attachOnSlideEnd = function(functionName)
  {
    this.slideEndCB = functionName;
  }
  this.attachOnArrow = function(functionName)
  {
    this.eventOnArrow = functionName;
  }
  this.attachOnInputChange = function(functionName)
  {
    this.eventOnInputChange = functionName;
  }
  this.attachOnInputBlur = function(functionName)
  {
    this.eventOnInputBlur = functionName;
  }
  this.setSliderIcon = function(imgName, width, height)
  {
    this._sliderImgSrc = imgName;
    this._sliderImgWidth = width;
    this._sliderImgHeight = height;
  }
  this.setArrowIconLeft = function(imgName, width, height)
  {
    this._arrowIconLeftSrc = imgName;
    this._arrowIconLeftWidth = width;
    this._arrowIconLeftHeight = height;
  }
  this.setArrowIconRight = function(imgName, width, height)
  {
    this._arrowIconRightSrc = imgName;
    this._arrowIconRightWidth = width;
    this._arrowIconRightHeight = height;
  }
  this.setBackgroundImage = function(src, repeat)
  {
    this._bgImgSrc = src;
    this._bgImgRepeat = repeat;
  }
  this.setDisplay = function(display)
  {
    this._display = display;
    if (this._containerObj)
    {
      switch (display)
      {
        case 0:
          this._containerObj.style.display = 'none';
          break;
        case 1:
          this._containerObj.style.visibility = 'hidden';
          break;
        case 2:
          this._containerObj.style.visibility = 'visible';
          this._containerObj.style.display = 'block';
          break;
        default:
      }
    }
  }
  this.setDisabled = function(b)
  {
    if (typeof(b) == 'undefined')
      b = !this._disabled;
    if (b)
    {
      var filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); progid:DXImageTransform.Microsoft.BasicImage(opacity=.5)';
      var cursor = 'default';
    }
    else
    {
      var filter = null;
      var cursor = 'hand';
    }
    var t = new Array(this._containerId, 
                      this._arrowLeftContainerId, 
                      this._arrowRightContainerId, 
                      this._valueFieldId, 
                      this._valueTextId,
                      this._slideBarId, 
                      this._colorbarId, 
                      this._handleId);
    for (var i=0; i<t.length; i++)
    {
      var elm = document.getElementById(t[i]);
      if (elm != null)
        elm.style.filter = filter;
    }
    var elm = document.getElementById(this._arrowLeftIconId);
    if (elm != null)
      elm.style.cursor = cursor;
    var elm = document.getElementById(this._arrowRightIconId);
    if (elm != null)
      elm.style.cursor = cursor;
    var elm = document.getElementById(this._valueFieldId);
    if (elm != null)
      elm.disabled = b;
    this._disabled = b;
  }
  this.getValue = function()
  {
    return this._valueInternal;
  }
  this.getSliderPos = function()
  {
    var absLeng = (this.direction==0) ? getDivLeft(this.ctrl.div) - this.ctrl.minX : getDivTop (this.ctrl.div) - this.ctrl.minY;
    var absRang = this.maxVal - this.minVal;
    return (absLeng * absRang/this._slideWidth) + this.minVal;
  }
  this.onChangeBySlide = function()
  {
    if (this._disabled)
      return;
    var newPos = this._getNewLocationFromCursor();
    var val = this._getValueByPosition(newPos);
    val = this._roundToGrid(val);
    if (val != this._valueInternal)
    {
      this._valueInternal = val;
      this.updateHandle(newPos);
      this.updateValueField(val);
      this.updateValueText(val);
      this._updateColorbar(newPos);
      if ('undefined' != typeof(this.eventOnChange))
        this.eventOnChange(this, val, newPos);
      this.fireEvent('onChange');
    }
  }
  this.onChangeByClick = function(event)
  {
    if (this._disabled)
      return;
    var newPos = 0;
    if ('undefined' != typeof(event.offsetX))
    {
      newPos = event.offsetX + this._posSlideStart;
    }
    else if ('undefined' != typeof(event.layerX))
    {
      newPos = event.layerX + this._posSlideStart;
    }
    else
    {
      return;
    }
    var val = this._getValueByPosition(newPos);
    val = this._roundToGrid(val);
    if (val != this._valueInternal)
    {
      this._valueInternal = val;
      this.updateHandle(newPos);
      this.updateValueField(val);
      this.updateValueText(val);
      this._updateColorbar(newPos);
      if ('undefined' != typeof(this.eventOnChange))
        this.eventOnChange(this, val, newPos);
      this.fireEvent('onChange');
    }
  }
  this.onChangeByInput = function(val, isBlur)
  {
    if (this._disabled)
      return;
    if (val == '')
    {
      val = this.minVal;
    }
    val = this._roundToGrid(val);
    var newPos = this._getPositionByValue(val);
    if (val != this._valueInternal)
    {
      this._valueInternal = val;
      this.updateHandle(newPos);
      this._updateColorbar(newPos);
      if ('undefined' != typeof(this.eventOnChange))
        this.eventOnChange(this, val, newPos);
      this.fireEvent('onChange');
      if (isBlur)
      {
        this.updateValueField(val);
        this.updateValueText(val);
      }
    }
    else if (isBlur)
    {
      this.updateValueField(val);
      this.updateValueText(val);
    }
  }
  this.onChangeByArrow = function(leftOrRight)
  {
    if (this._disabled)
      return;
    var val = parseFloat(this._valueInternal);
    if (leftOrRight)
    {
      val += this.arrowAmount;
    }
    else
    {
      val -= this.arrowAmount;
    }
    val = this._roundToGrid(val);
    if (val != this._valueInternal)
    {
      this._valueInternal = val;
      var newPos = this._getPositionByValue(val);
      this.updateHandle(newPos);
      this.updateValueField(val);
      this.updateValueText(val);
      this._updateColorbar(newPos);
      if ('undefined' != typeof(this.eventOnChange))
        this.eventOnChange(this, val, newPos);
      this.fireEvent('onChange');}
  }
  this.setValue = function(val)
  {
    val = this._roundToGrid(val);
    var newPos = this._getPositionByValue(val);
    if (val != this._valueInternal)
    {
      this._valueInternal = val;
      this.updateHandle(newPos);
      this._updateColorbar(newPos);
      if ('undefined' != typeof(this.eventOnChange))
        this.eventOnChange(this, val, newPos);
      this.fireEvent('onChange');
      this.updateValueField(val);
      this.updateValueText(val);
    }
  }
  this.onChangeByApi = function(val)
  {
    this.setValue(val);
  }
  this._updateColorbar = function(newPos)
  {
    if (this._colorbarObj)
    {
      var newWidth = newPos + this.colorbar['widthDifference'];
      if (newWidth < 0)
        newWidth = 0;
      this._colorbarObj.style.width = newWidth;
    }
  }
  this._getValueByPosition = function(pos)
  {
    pos -= this.ctrl.minX;
    var hundertPercent = this.ctrl.maxX - this.ctrl.minX;
    var myPercent = pos / hundertPercent;
    var val = this.minVal + ((this.maxVal - this.minVal) * myPercent);
    return val;
  }
  this._getPositionByValue = function(val)
  {
    val = val - this.minVal;
    var hundertPercent = this.maxVal - this.minVal;
    var myPercent = val / hundertPercent;
    var pos = this.ctrl.minX + ((this.ctrl.maxX - this.ctrl.minX) * myPercent);
    return pos;
  }
  this._roundToGrid = function(val)
  {
    val = parseFloat(val);
    if (isNaN(val))
      return this.minVal;
    val = Math.round(val / this.valueInterval) * this.valueInterval;
    val = Math.round(val*10000)/10000;
    if (val < this.minVal)
      val = this.minVal;
    if (val > this.maxVal)
      val = this.maxVal;
    return val;
  }
  this._getNewLocationFromCursor = function()
  {
    var ox = this._posEventSlideStartX;
    var oy = this._posEventSlideStartY;
    switch(this.direction)
    {
      case 0:
        var t = this.ctrl.pageX - ox;
        var x = parseInt(this._posObjSlideStartX) + t;
        if (x > this.ctrl.maxX)
          x = this.ctrl.maxX;
        if (x < this.ctrl.minX)
          x = this.ctrl.minX;
        return x;
        if (this.ctrl.pageX > this.ctrl.maxX)
        {
          x = this.ctrl.maxX;
        }
        else if (this.ctrl.pageX < this.ctrl.minX)
        {
          x = this.ctrl.minX;
        }
        else
        {
          x = this.ctrl.pageX;
          if (x < this.ctrl.minX)
            x = this.ctrl.minX;
          if (x > this.ctrl.maxX)
            x = this.ctrl.maxX;
        }
        return x;
        break;
      case 1:
        if(this.ctrl.pageY>this.ctrl.maxY)
          y=this.ctrl.maxY;
        else if(this.ctrl.pageY<this.ctrl.minY)
          y=this.ctrl.minY;
        else
        {
          y+=this.ctrl.pageY - this.ctrl.curY;
          if(y<this.ctrl.minY)
            y=this.ctrl.minY;
          if(y>this.ctrl.maxY)
            y=this.ctrl.maxY;
        }
        return y;
        break;
    }
  }
  this.updatePointer = function(newPos)
  {
    this.updateHandle(newPos);
  }
  this.updateHandle = function(newPos)
  {
    this._currentRelSliderPosX = newPos;
    this.ctrl.div.style.left = newPos;
    return;
    switch(this.direction)
    {
      case 0:
        moveDivTo(this.ctrl.div, newPos, getDivTop(this.ctrl.div));
        break;
      case 1:
        moveDivTo(this.ctrl.div, getDivTop(this.ctrl.div), newPos);
        break;
    }
  }
  this.updateValueField = function(val)
  {
    if (this._valueFieldObj)
    {
      this._valueFieldObj.value = val;
    }
  }
  this.updateValueText = function(val)
  {
    if (this._valueTextObj)
    {
      this._valueTextObj.innerHTML = val;
    }
  }
  this.arrowOnClick = function()
  {
  }
  this.onChange = function(val)
  {
    this.setValue(val);
  }
  this.updateInputBox = function(val)
  {
    this.setValue(val);
  }
  this.textboxEdit = function(editMode)
  {
    if (this._disabled)
      return;
    if (editMode)
    {
      if ('undefined' != typeof(this._valueFieldObj))
      {
        this._valueTextObj.style.display = 'none';
        this._valueFieldObj.style.display = 'block';
        bsFormFieldSetFocusAndSelect(this._valueFieldObj, false);
      }
    }
    else
    {
      if ('undefined' != typeof(this._valueTextObj))
      {
        this._valueFieldObj.style.display = 'none';
        this._valueTextObj.style.display  = 'block';
      }
    }
  }
  this.slideMove = function(ctrl, client)
  {
    ctrl.sliderObj.onChangeBySlide(ctrl);
  }
  this.slideStart = function(ctrl,client)
  {
    ctrl.sliderObj._posEventSlideStartX = ctrl.startX;
    ctrl.sliderObj._posEventSlideStartY = ctrl.startY;
    ctrl.sliderObj._posObjSlideStartX = ctrl.sliderObj._handleObj.style.left;
    ctrl.sliderObj._posObjSlideStartY = ctrl.sliderObj._handleObj.style.top;
    var pos = ctrl.sliderObj.getSliderPos();
    ctrl.sliderObj.setValue(pos);
    if ('undefined' != typeof(ctrl.sliderObj.slideStartCB))
    {
      ctrl.sliderObj.slideStartCB(ctrl.sliderObj, ctrl.sliderObj.getValue(), pos);
    }
  }
  this.slideEnd = function(ctrl,client)
  {
    var pos = ctrl.sliderObj.getSliderPos();
    if ('undefined' != typeof(ctrl.sliderObj.slideEndCB))
    {
      ctrl.sliderObj.slideEndCB(ctrl.sliderObj, ctrl.sliderObj.getValue(), pos);
    }
    return;
  }
  this._constructor(theFieldnamePrefix);
}