             </div>
             <div>
               <button
-                title={ "zoom in" }
+                title="zoom in"
                 ref="zoomIn"
-                className={ "zoom-in fa fa-plus" }
+                className="zoom-in fa fa-plus"
                 onMouseDown={@continuousZoom.bind(this, .9)}
                 onMouseUp={@stopZoom}
                 onKeyDown={@keyDownZoomButton.bind(this,.9)}

    frameDisplay = switch type
      when 'image'
        <div className="subject-image-frame" >
          <img ref="subjectImage" className={"subject pan-active"} src={src} style={SUBJECT_STYLE} onLoad={@handleLoad} tabIndex={0} onFocus={@togglePanOn} onBlur={@togglePanOff}/>

          {if @state.loading
            <div className="loading-cover" style={@constructor.overlayStyle} >

          <div className="pan-zoom-controls" >
            <div className="draw-pan-toggle" >
              <div className={if @state.panEnabled then "" else "active"} >
                <button title="annotate" className="fa fa-mouse-pointer" onClick={@togglePanOff}/>
              </div>
              <div className={if @state.panEnabled then "active" else ""}>
                <button title="pan" ref="pan" className="fa fa-arrows" onClick={@handleFocus.bind(this, "pan")} onFocus={@togglePanOn} onBlur={@togglePanOff}/>
              </div>
            </div>
            <div>
              <button
                title="zoom out"
                ref="zoomOut"
                className={"zoom-out fa fa-minus" + if @cannotZoomOut() then " disabled" else "" }
                onMouseDown={ @continuousZoom.bind(this, 1.1 ) }
