     @ctx.font="14px Courier New"
     #@ctx.font="14px Lucida Console"
 
+    x = - @g.zoomer.get "_alignmentScrollLeft"
+    # skip unneeded blocks at the beginning
+    start = Math.max 0, - Math.ceil(x / rectWidth)
     x = 0
-    x = - @g.zoomer.get "_alignmentScrollLeft"
-    for j in [0.. seq.length - 1] by 1
+
+    selection = @_getSelection data.model
+    console.log selection
+
+    for j in [start.. seq.length - 1] by 1
       c = seq[j]
       c = c.toUpperCase()
       color = @color[c]


    #@el.setAttribute 'width', 300
    #@el.style.width = 300

  draw: ->
    @removeViews()

TaylorColors = require "./color/taylor"
ZappoColors = require "./color/zappo"
HydroColors = require "./color/hydrophobicity"
mouse = require "../utils/mouse"
_ = require "underscore"

module.exports = pluginator.extend

