           <a className="ui-slider-handle ui-state-default ui-corner-all" href="#" style={{left: '40%'}}></a>
           <a className="ui-slider-handle ui-state-default ui-corner-all" href="#" style={{left: '80%'}}></a>
       </div>
+      </div>
       <TextBox mediaObj={this.props.mediaObj} startAtLine={this.state.startLine} endAtLine={this.state.endLine} highlightLine={this.state.currentLine} pauseJPlayer={this.pauseJPlayer} />
     </div>`


    annotations = (@renderAnnotation(annotation[n], n) for n of annotation)

    `<div><div className="jplayer-text autocue">{annotations}</div></div>`


window.Jplayer = React.createClass


  render: ->
    `<div style={{position: 'relative'}}>
      <div style={{float: 'right', width: 480}}>
      <div className="jp-video jp-video-270p" id="jp_container_1">
         <div className="jp-type-single">
             <div className="jp-jplayer" style={this.props.mediaType == 'audio' ? {display: 'none'} : {width: 480, height: 270}}>
