Highlights design

Continuation of #257, just that it is a pull request against development branch. This pull request is addressing #256. Instead of each highlight being one big rectangle area, find smaller reasonable sections and draw border around only them.
shorten previous three rows to
```
temp2 = _.filter temp, (segment) ->
  segment[1]
```
Test (I'm writing from my head) and replace with descriptive array names.