         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}
-        #               -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
-        #             """
+        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) ->

        @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 (=>
      
      # gradually expand zooming bounds
      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
