       text = "Show Lightbox"
     else
       text = "Hide Lightbox"
+
 
   render: ->
     # window.subjects = @props.subject_set.subjects # pb ?


  getInitialState:->
    first: @props.subject_set.subjects[0]
    folded: false

  handleFoldClick: (e)->


        <div id="image-list" className={classes} style={carouselStyle} >
          <ul>
            {
              for subject, subject_index in @props.subject_set.subjects
                (
                  <li key={subject_index} onClick={@shineSelected.bind(this, subject_index)} className={if subject_index == @state.pageIndex then 'active' else ''} >
                    <span className="page-number">{subject_index}</span>
                    <svg className="light-box-subject" width={125} height={125} viewBox={viewBox} >
                      <SVGImage
                        src = {if subject.location.thumbnail then subject.location.thumbnail else @state.first.location.standard}
                        width = {100}
                        height = {100}
                      />
                    </svg>
                  </li>
                )
            }
          </ul>
        </div>

      </div>
