- organize functions and listeners

Author: tabreturn

js/categoryFilter.js

@@ -58,19 +58,7 @@ function categoryFilter(show_on_start) {
     tagHighlight(scat);
   }
 
-  function categorySelect(selected, buttons) {
-
-    for (var i=0; i<buttons.length; i++) {
-      var but = buttons[i];
-
-      if (but.innerHTML === selected) {
-        if (but.classList[0]==='disabled')
-          but.classList.remove('disabled');
-        else
-          but.classList.add('disabled');
-      }
-    }
-
+  function applySelection() {
     categories_selected = [];
 
     for (var i=0; i<category_buttons.length; i++) {
@@ -83,19 +71,20 @@ function categoryFilter(show_on_start) {
     postShowHide(categories_selected);
   }
 
-  for (var i=0; i<category_buttons.length; i++) {
-    var cat_but = category_buttons[i];
-    cat_but.addEventListener('click', function(e) {
-      categorySelect(e.target.innerHTML, category_buttons);
-    });
-  }
+  function categorySelect(selected, buttons) {
 
-  for (var i=0; i<show_on_start.length; i++) {
-    if (show_on_start[i] == 'reverse') {
-      reversePosts();
+    for (var i=0; i<buttons.length; i++) {
+      var but = buttons[i];
+
+      if (but.innerHTML === selected) {
+        if (but.classList[0]==='disabled')
+          but.classList.remove('disabled');
+        else
+          but.classList.add('disabled');
+      }
     }
-    var show = show_on_start[i];
-    categorySelect(show, category_buttons);
+
+    applySelection();
   }
 
   function reversePosts() {
@@ -111,6 +100,25 @@ function categoryFilter(show_on_start) {
     return post_list;
   }
 
+  // initialize
+
+  for (var i=0; i<show_on_start.length; i++) {
+    if (show_on_start[i] == 'reverse') {
+      reversePosts();
+    }
+    var show = show_on_start[i];
+    categorySelect(show, category_buttons);
+  }
+
+  // event listeners
+
+  for (var i=0; i<category_buttons.length; i++) {
+    var cat_but = category_buttons[i];
+    cat_but.addEventListener('click', function(e) {
+      categorySelect(e.target.innerHTML, category_buttons);
+    });
+  }
+
   document.getElementById('reverse-filter').addEventListener('click', function() {
     reversePosts();
   });