   propTypes:
     subject_set: React.PropTypes.object.isRequired
     subject_index: React.PropTypes.number.isRequired
-    # onSubject: React.PropTypes.func.isRequired
+    onSubject: React.PropTypes.func.isRequired
 
   getInitialState:->
     first: @props.subject_set.subjects[@props.subject_index]
-    # first: @props.subject_set.subjects[@props.subject_index]
 
 
   shineSelected: (index)->

        console.log "WARN: unable to run LightBox#findSubjectIndex"

  moveBack: (indexOfFirst)->
    @setState
      first: @props.subject_set.subjects[indexOfFirst-1]

  moveForward: (indexOfFirst)->
    @setState
      first: @props.subject_set.subjects[indexOfFirst+1]
    

          </li>
        }
      </ul>
      <ActionButton text="FORWARD" onClick={@moveForward.bind(this, indexOfFirst)} classes={ if third == @props.subject_set.subjects[@props.subject_set.subjects.length-1] then 'disabled' else ''} />

    </div>

