       keep_page = 1
 
       # ensure year falls within user-selected range
-      page_year = parseInt(first_page.meta_data.year)
-      if page_year < start_and_end_years[0]
+      page_year = first_page.meta_data.year
+      page_year_as_int = parseInt(page_year)
+      if page_year_as_int < @state.start_year
         keep_page = 0
-      if page_year > start_and_end_years[1]
+      if page_year_as_int > @state.end_year
         keep_page = 0
 
       # iterate over the selection criteria and continue filtering

        all_playwrights: all_playwrights
        min_year: min_year
        max_year: max_year

      @initializeFirstPageArray()


GroupPage = React.createClass
  displayName: "GroupPage"


  getInitialState: ->
    all_institutions: []
    all_playwrights: []

    # min, max year will indicate the range of years from which the user can select
    # while start and end years will indicate the actual years the user has selected
    min_year: 1920
    max_year: 1940
    start_year: 1920
    end_year: 1940


  componentDidMount: ->
    # make a request to http://localhost:3000/subject_set_first_pages?group_id={{requested group id}}
