<div id="mat-category-date-selector-wrapper" class="mat-category-date-selector-wrapper">
   <!-- no date data in news -->
</div>
<script type="application/javascript">
   var itemsWrapper = $("#mat-category-items-wrapper");
   
   //Skapa en listor med år och månad
   if( itemsWrapper.length ){
     
      var outHtml = "";
      yearArray = [];
      dateArray = [
         // Två listor, första för år, andra för månader i året
          [], //Möpnummer för år
          [] //Månaderna i året
      ];
      
        itemsWrapper.find(".mat-category-item").each(function() {
  			var thisYear = $( this ).data('year');
         var thisMonth = $( this ).data('month');
         var yearExistInArray;
         var monthExistInArray;
         
         
         if((thisYear) && (thisMonth)){
         	
            yearExistInArray = (yearArray.indexOf(thisYear) > -1); 
            if(!yearExistInArray){//Om året inte finns i listan lägg in den
               yearArray.push(thisYear);//spara år
               console.log("År hittat! Lägger till: " +thisYear);
               console.log("yearArray: "+yearArray);
            }
            
          	for (var n in yearArray) {  
               if(yearArray[n] == thisYear){ //Om nyhetens år är rätt kolla om månaderna finns
                  monthExistInArray= (dateArray[n].indexOf(thisMonth) > -1); 
                  if(!monthExistInArray){//Om månaden inte finns
                     dateArray[n].push(thisMonth); //lagra månaden
                     dateArray[n].sort(); //Sorterar listan
                     
                     dateArray[n].sort(function(a, b) {
                       if (a > b) {
                         return -1;
                       }
                       if (a < b) {
                         return 1;
                       }
                       return 0;
                     });
                     
                     
                     console.log("Månad finns! Lägger till: " + thisMonth);
                     console.log("yearArray["+n+"]: " + yearArray[n]);
                  }
               }	

            }//End for 
         }//END if thisYear && thisMonth	
         
		});
      
      //Om det finns något eller några år att skriva ut.
      console.log("yearArray.length"+yearArray.length);
      if(yearArray.length){
         
         outHtml += "<ul class='env-list'>";
         
         for (var n in yearArray) {
            outHtml += "<li class='env-list__item'>";
            outHtml += "<span class='subheading'>" + yearArray[n] + "</span>";

            if(dateArray[n].length){
               outHtml += "<ul class='env-list env-m-bottom--medium'>";
               for (var month in dateArray[n]){
                  outHtml += "<li class='env-list__item'>";
                  	outHtml += "<button type='button' class='mat-date-list-month' >" + dateArray[n][month] + "</button>";
                  outHtml += "</li>";
               }	
               //outHtml + "";
               outHtml += "</ul>";
            }   

            outHtml += "</li>";
         }//end for
         
         outHtml += "</ul>";

        $("#mat-category-date-selector-wrapper").html(outHtml);
      }
      
   }
   
   //Aktivering av månadslänkar
   $("#mat-category-date-selector-wrapper").find(".mat-date-list-month").each(function( index ) {
     		$( this ).click(function() {
            	if( $(this).hasClass("active") ){
                  $("#mat-category-filter").show();
                  $(this).removeClass("active");
                  setFilter("category"); //Kör filtret utan något
               }else{
                  $("#mat-category-filter").hide();
                  removeClass();
                  $(this).addClass("active");
                  setFilter( $(this).text() ); //Startar filter med månadens namn från och är knappens text 
                 	 
               }
            	
     				
   		});
   });
   
   function removeClass(){
      $("#mat-category-date-selector-wrapper").find(".mat-date-list-month").removeClass("active");
   }
   
</script>