       @el.find("#toggle-zoom").removeClass("allowZoomOut")
 
     else 
-      console.log 'ZOOM LEVEL: ', @zoomLevel
       @el.find('#ui-slider').removeAttr('disabled')
       @canvasGraph.zoomInTo(0, @zoomRanges[@zoomLevel])
       @el.find("#toggle-zoom").addClass("zoomed")

      @canvasGraph.plotPoints()
      @canvasGraph.enableMarking()
      @drawSliderAxisNums()

      @zoomRanges = [15, 10, 2]
      @magnification = [ '1x', '10x', '20x' ]
      @showZoomMessage(@magnification[@zoomLevel])

      console.log 'SETTING SLIDER RANGE: [', @canvasGraph.smallestX, ',', @canvasGraph.largestX - @zoomRanges[@zoomLevel], ']'
      console.log 'smallestX: ', @canvasGraph.smallestX
      console.log 'largestX : ', @canvasGraph.largestX
      @el.find("#ui-slider").noUiSlider
        start: 0
        range:
          min: @canvasGraph.smallestX
          max: @canvasGraph.largestX - @zoomRange
      @el.find(".noUi-handle").hide()
      console.log 'SUBJECT LOADED!'
    @insertMetadata()

  insertMetadata: ->

    @el.find('#radius').html metadata.stellar_rad.toString().concat("x Sol")

  onChangeScaleSlider: ->
    val = +@el.find("#ui-slider").val()
    return if @zoomLevel is 0 or @zoomLevel > @zoomRanges.length
    @canvasGraph.plotPoints( val, val + @zoomRanges[@zoomLevel] )
