     @bar.setWidth diff
     @bar.setX "#{left}px"
 
+  drawOppositeBar:->
+    positions = []
+    positions.push handle.getRelativeX() for handle in @handles
+
+    right     = parseInt(positions.last)
+    diff      = @getWidth() - right
+
+    unless @oppositeBar
+      @addSubView @oppositeBar = new KDCustomHTMLView
+        cssClass : "opposite bar"
+
+    @oppositeBar.setWidth diff
+    @oppositeBar.setX "#{right}px"
+
   _createLabel : (value) =>
     {maxValue, minValue, interval, showLabels} = @getOptions()
 

    @createHandles()
    @setLimits()
    @drawBar()   if @getOption('drawBar')
    @addLabels() if @getOption('showLabels')
    @attachEvents()


  constructor:(options = {}, data = {})->

    options.cssClass      = KD.utils.curry "sliderbar-container", options.cssClass
    options.minValue      ?= 0
    options.maxValue      ?= 100
    options.interval      ?= no
    options.drawBar       ?= yes
    options.showLabels    ?= yes
    options.snap          ?= yes
    options.snapOnDrag    ?= no
    options.width         or= 300
    options.drawOpposite  ?= no

    super options, data

