       if selection_criterion.value?
         selection_criteria.push(selection_criterion)
 
-    console.log(selection_criteria)
-
     # iterate over the first page array and retain only those elements that match
     # the user-specified selection criteria
     first_pages_to_display = []
     for first_page in @state.all_first_pages
       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]
+        keep_page = 0
+      if page_year > start_and_end_years[1]
+        keep_page = 0
+
+      # iterate over the selection criteria and continue filtering
       for selection_criterion in selection_criteria
-        console.log(first_page.meta_data[selection_criterion.key_in_first_page_json], selection_criterion.value)
         if first_page.meta_data[selection_criterion.key_in_first_page_json] != selection_criterion.value
           keep_page = 0
-          console.log("not keeping page")
       if keep_page == 1
         first_pages_to_display.push(first_page)
 

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


  render: ->
    if ! @state.group?


                <div className="collection-range-slider">

                  <ReactSlider 
                    onAfterChange={@updateFirstPageArray}
                    ref="ReactYearSlider"
                    min={@state.min_year} 
                    max={@state.max_year} 
                    defaultValue={[@state.min_year, @state.max_year]} withBars />

                </div>
                
