         @plotPoints(wMin,wMax)
         @rescaleMarks(wMin,wMax)
     ), 30
-
-  # zoomOut: (callback) ->
-  #   classifier.el.find('#graph').addClass('is-zooming')
-  #   classifier.el.find('#ui-slider').val(0) # reset slider
-  #   classifier.zoomLevel = 0 # reset zoom level index
-
-  #   [cMin, cMax] = [@xMin, @xMax]
-  #   [wMin, wMax] = [@smallestX, @largestX]
-
-  #   zoom = setInterval (=>
-
-  #       @plotPoints(cMin,cMax) # this line is problematic. why?
-  #       console.log '*****************************'
-  #       console.log '**** plotPoints(',cMin,',',cMax,') ****'
-  #       console.log '*****************************'
-
-  #       if (cMin-1.0) > wMin
-  #         cMin -= 1.0
-  #       else
-  #         console.log 'LEFT DONE!'
-
-  #       if (cMax+1.0) < wMax
-  #         cMax += 1.0
-  #       else
-  #         console.log 'RIGHT DONE!'
-
-  #     if cMin <= wMin and cMax >= wMax  # finished zooming
-  #       console.log 'CONSDOSNDKLSJDFHSLKJDHSKLDJHSLKJDHSKJDFHLKJSHFGLEUIRBLCIUW:DN:X WJKB:FHLKJSHD'
-  #       clearInterval zoom
-  #       classifier.el.find('#graph').removeClass('is-zooming')
-  #       @plotPoints(wMin, wMax)
-  #       unless callback is undefined 
-  #         callback.apply()
-  #         classifier.el.find("#zoom-button").removeClass("zoomed")
-  #         classifier.el.find("#zoom-button").removeClass("allowZoomOut") # for last zoom level
-  #         classifier.el.find('#ui-slider').attr('disabled',true)
-  #         classifier.el.find('.noUi-handle').fadeOut(150)
-
-  #       # cMin -= 1.5 unless cMin <= wMin
-  #       # cMax += 1.5 unless cMax >= wMax
-
-  #   ), 30
-
-  #   return
 
   clearCanvas: -> @ctx.clearRect(0,0,@canvas.width, @canvas.height)
 

    step = 1.5
    zoom = setInterval (=>
      
      cMin -= step
      if cMin < wMin then cMin = wMin
      cMax += step
      if cMax > wMax then cMax = wMax
      
      console.log "[cMin,cMax] = [#{cMin},#{cMax}]"
      @plotPoints(cMin,cMax)

      if cMin <= wMin and cMax >= wMax  # finished zooming

        mark.element.style.left = parseFloat(scaledMin) + "px"
        mark.save(scaledMin, scaledMax)

        console.log """
                      -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
                      ---------------- RESCALE MARKS ----------------
                                            val: #{val}  <--- slider value
                              canvasGraph.scale: #{@scale}
                                           xMin: #{xMin}  <------------- lightcurve display limits                    
                                           xMax: #{xMax}    
                                      scaledMin: #{scaledMin} <---/------ mark limits
                                      scaledMax: #{scaledMax} <--/ 
                               mark.dataXMinRel: #{mark.dataXMinRel} <-- data limits        
                               mark.dataXMaxRel: #{mark.dataXMaxRel}   
                              mark width (data): #{(mark.dataXMaxRel-mark.dataXMinRel)}
                            mark width (canvas): #{mark.element.style.width}       <----- CSS style    
                        mark.element.style.left: #{mark.element.style.left}
                      -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
                    """


  drawXTickMarks: (xMin, xMax) ->
