changed // to http://

otherwise my browser assumes // is file://
copied init() (entry point) from Emily's code

also changed function names (getCoordinates to addNotes, checkSize to
compareSize)
filled in addNotes()

- copied parts of Emily's getCoordinates() into addNotes()
- clarified terminology in the comments & changed variable names
accordingly
- dropped variables we don't need or are constant
filling in compareSize()

- copied from Emily's code
- expanded the ternary into 3 cases
- and added descriptions of what should happen for each case
filling in compareSize() + added scaleNote()

- copied scaleNoteImage() from Emily's code to scaleNote()
- noteEl.find(".DC-note-excerpt").width() is always 750, so took it out
- call it in compareSize with values from notes
filling in compareSize() + calculated scaled values

- compareSize() calls scaleNote() with scaled values
- pretty sure the wonkiness comes from how widthOffset is calculated and
set (but maybe not. shall see.)
belated realization that notes[this.noteID] is this
corrected widthOffset

the wonkiness most definitely came from how widthOffset is calculated
and set.
pull out shiftLeft() from scaleNote()
notes are not scaled/shifted unless...

...boundary conditions are crossed

1,2,3->1 : changing from any case (?) to the smallest case (1),
scaleNote & shiftLeft

1->2,3 : changing from the smallest case (1) to NOT the smalles
case(2,3), scaleNote
1,3->2 : changing from NOT the middle case (1,3) to the middle case (2),
shiftLeft(2)
1,2->3 : changing from NOT the largest case (1,2) to the largest case
(3), shiftLeft(3)
changed template tag to script tag

for IE and Firefox