       first_pages_view.push <FirstPageThumbnail page_json={page_json} key={index} />
     @setState
       first_page_array: first_pages_view
-      first_pages_initialized: 1
 
 
   updateFirstPageArray: ->

    API.type("subject_set_first_pages").get(group_id: @props.params.group_id).then (first_pages_json) =>
      all_institutions = []
      all_playwrights = []

      # iterate through the first pages and update the available institutions and playwright options
      for first_page_json in first_pages_json
        institution = first_page_json.meta_data.location
        playwright = first_page_json.meta_data.written_by

        if institution
          if institution not in all_institutions

        if playwright
          if playwright not in all_playwrights
            all_playwrights.push(playwright)

        if year
          year_int = parseInt(year)
          if year_int < min_year
            min_year = year_int
          if year_int > max_year
            max_year = year_int

      min_max_year_array = [min_year, max_year]
      console.log(min_max_year_array)

      @setState
        all_first_pages: first_pages_json
        all_institutions: all_institutions
        all_playwrights: all_playwrights
        min_year: min_year
        max_year: max_year

      @initializeFirstPageArray()

