diff --git a/esea-league-filter-bookmark.js b/esea-league-filter-bookmark.js
index 01bb463..995ecf1 100644
--- a/esea-league-filter-bookmark.js
+++ b/esea-league-filter-bookmark.js
@@ -1,202 +1,221 @@
 javascript: (() => {
   function doWork() {
-    var teamList = document.getElementsByClassName('Tr');
-    var qeuedTeams = [];
-    var qeuedCount = 0;
-    var removedTeams = 0;
-    var totalFlags = [];
-    var flagImages = [];
-    var flagsCount = 0;
-    var flagBox;
-  
-    function addDropDownFlag(flagName) {
-      flagOptions = flagBox.childNodes[0].childNodes[0];
-      let newOption = document.createElement("option");
-      newOption.text = flagName;
-      flagOptions.add(newOption);
-    }
-  
-    function addFlag(indexTeam) {
-      flagOptions = flagBox.childNodes[0].childNodes[0];
-  
-      let flagName = teamList[indexTeam].childNodes[1].childNodes[0].childNodes[0].title ?? teamList[indexTeam].childNodes[1].childNodes[0].childNodes[0].childNodes[0].textContent;
-      for (let i = 0; i <= flagsCount; i++) {
-        if (flagName == totalFlags[i]) return;
+
+
+    class dropDownFilter {
+      teamList = document.getElementsByClassName('Tr');
+      totalFlags = [];
+      flagImages = [];
+      flagsCount = 0;
+      flagBox = "";
+  
+      constructor() { };
+      create() {
+          var regionBox = document.getElementById("region").parentElement.parentElement;
+          this.flagBox = regionBox.cloneNode(true);
+          this.flagBox.childNodes[0].childNodes[0].setAttribute("id", "flag");
+          this.flagBox.childNodes[0].style.top = "10px";
+          this.flagBox.childNodes[0].childNodes[0].innerHTML = "";
+  
+          regionBox.parentElement.parentElement.parentElement.append(this.flagBox);
+        
+          this.flagBox = document.getElementById("flag");
       }
-  
-      totalFlags[flagsCount] = flagName;
-      flagsCount++;
-    }
-  
-    function fillDropDown() {
-      for (let i = 0; i < totalFlags.length; i++) {
-        addDropDownFlag(totalFlags[i]);
+      addDropDownFlag(flagName) {
+        let newOption = document.createElement("option");
+        newOption.text = flagName;
+        this.flagBox.add(newOption);
       }
-    }
+      addFlag(indexTeam) {
+        this.flagOptions = this.flagBox.childNodes[0].childNodes[0];
   
-    function indexFlags() {
-      addDropDownFlag("Country");
+        let flagName = this.teamList[indexTeam].childNodes[1].childNodes[0].childNodes[0].title ?? this.teamList[indexTeam].childNodes[1].childNodes[0].childNodes[0].childNodes[0].textContent;
+        for (let i = 0; i <= this.flagsCount; i++) {
+          if (flagName == this.totalFlags[i]) return;
+        }
   
-      for (let i = 1; i < teamList.length; i++) {
-        addFlag(i);
+        this.totalFlags[this.flagsCount] = flagName;
+        this.flagsCount++;
       }
   
-      totalFlags = totalFlags.sort();
-      fillDropDown();
-    }
-  
-    function largeCutOff(teamsSize) {
-      let newCuttOff = 0;
-      switch (true) {
-        case (teamsSize < 17):
-          newCuttOff = 8;
-          break;
-        case (teamsSize >= 17 && teamsSize < 24):
-          newCuttOff = 8;
-          break;
-        case (teamsSize >= 24 && teamsSize < 32):
-          newCuttOff = 12;
-          break;
-        case (teamsSize >= 32 && teamsSize < 48):
-          newCuttOff = 16;
-          break;
-        case (teamsSize >= 48 && teamsSize < 64):
-          newCuttOff = 24;
-          break;
-        case (teamsSize >= 64 && teamsSize < 96):
-          newCuttOff = 32;
-          break;
-        case (teamsSize >= 96 && teamsSize < 128):
-          newCuttOff = 48;
-          break;
-        case (teamsSize >= 128 && teamsSize < 192):
-          newCuttOff = 64;
-          break;
-        case (teamsSize >= 192 && teamsSize < 256):
-          newCuttOff = 96;
-          break;
-        case (teamsSize >= 256 && teamsSize < 384):
-          newCuttOff = 128;
-          break;
-        case (teamsSize >= 384 && teamsSize < 512):
-          newCuttOff = 192;
-          break;
-        case (teamsSize >= 512 && teamsSize < 768):
-          newCuttOff = 256;
-          break;
-        case (teamsSize >= 768 && teamsSize < 1024):
-          newCuttOff = 384;
-          break;
-        default:
-          newCuttOff = 4;
-          break;
+      fillDropDown() {
+        for (let i = 0; i < this.totalFlags.length; i++) {
+          this.addDropDownFlag(this.totalFlags[i]);
+        }
       }
-      return newCuttOff;
-    }
-  
-    function smallCutOff(teamsSize) {
-      let newCuttOff = 0;
-      switch (true) {
-        case (teamsSize < 48):
-          newCuttOff = 8;
-          break;
-        case (teamsSize >= 48 && teamsSize < 64):
-          newCuttOff = 16;
-          break;
-        case (teamsSize >= 64 && teamsSize < 96):
-          newCuttOff = 24;
-          break;
-        case (teamsSize >= 96 && teamsSize < 128):
-          newCuttOff = 32;
-          break;
-        case (teamsSize >= 128 && teamsSize < 192):
-          newCuttOff = 48;
-          break;
-        case (teamsSize >= 192 && teamsSize < 255):
-          newCuttOff = 64;
-          break;
-        default:
-          newCuttOff = 4;
-          break;
+  
+      indexFlags() {
+        this.addDropDownFlag("Country");
+  
+        for (let i = 1; i < this.teamList.length; i++) {
+          this.addFlag(i);
+        }
+  
+        this.totalFlags = this.totalFlags.sort();
+        this.fillDropDown();
       }
-      return newCuttOff;
-    }
-  
-    function getCutOff() {
-      let cutOffValue = 0;
-      let teamsSize = teamList.length - 1;
-      switch (division) {
-        case "open":
-          cutOffValue = largeCutOff(teamsSize);
-          break;
-        case "intermediate":
-          cutOffValue = largeCutOff(teamsSize);
-          break;
-        case "main":
-          cutOffValue = smallCutOff(teamsSize);
-          break;
-        case "advanced":
-          cutOffValue = smallCutOff(teamsSize);
-          break;
+  
+      selectedCountry() {
+        return document.getElementById("flag").value;
       }
-      console.log("Division: " + division);
-      console.log("Teams: " + teamsSize);
-      console.log("Cutoff: " + cutOffValue);
-      return cutOffValue;
-    }
-  
-    function filter() {
-      let flagBoxFilter = document.getElementById("flag");
-      let country = flagBoxFilter.value;
-  
-      for (let i = 1; i < teamList.length; i++) {
-        currentFlag = teamList[i].childNodes[1].childNodes[0].childNodes[0].title ?? teamList[i].childNodes[1].childNodes[0].childNodes[0].childNodes[0].textContent;
-        if (country == "Country") {
-          currentFlag = country;
+    } countryBox = new dropDownFilter;
+  
+    class eseaHelper {
+      teamList = document.getElementsByClassName('Tr');
+      qeuedTeams = [];
+      removedTeams = 0;
+  
+      largeCutOff(teamsSize) {
+        let newCuttOff = 0;
+        switch (true) {
+          case (teamsSize < 17):
+            newCuttOff = 8;
+            break;
+          case (teamsSize >= 17 && teamsSize < 24):
+            newCuttOff = 8;
+            break;
+          case (teamsSize >= 24 && teamsSize < 32):
+            newCuttOff = 12;
+            break;
+          case (teamsSize >= 32 && teamsSize < 48):
+            newCuttOff = 16;
+            break;
+          case (teamsSize >= 48 && teamsSize < 64):
+            newCuttOff = 24;
+            break;
+          case (teamsSize >= 64 && teamsSize < 96):
+            newCuttOff = 32;
+            break;
+          case (teamsSize >= 96 && teamsSize < 128):
+            newCuttOff = 48;
+            break;
+          case (teamsSize >= 128 && teamsSize < 192):
+            newCuttOff = 64;
+            break;
+          case (teamsSize >= 192 && teamsSize < 256):
+            newCuttOff = 96;
+            break;
+          case (teamsSize >= 256 && teamsSize < 384):
+            newCuttOff = 128;
+            break;
+          case (teamsSize >= 384 && teamsSize < 512):
+            newCuttOff = 192;
+            break;
+          case (teamsSize >= 512 && teamsSize < 768):
+            newCuttOff = 256;
+            break;
+          case (teamsSize >= 768 && teamsSize < 1024):
+            newCuttOff = 384;
+            break;
+          default:
+            newCuttOff = 4;
+            break;
         }
-        if (currentFlag != country) {
-          teamList[i].style.display = "none";
-        } else {
-          teamList[i].style.display = "";
-          qeuedTeams[qeuedCount] = teamList[i];
-          qeuedCount++;
+        return newCuttOff;
+      }
+  
+      smallCutOff(teamsSize) {
+        let newCuttOff = 0;
+        switch (true) {
+          case (teamsSize < 48):
+            newCuttOff = 8;
+            break;
+          case (teamsSize >= 48 && teamsSize < 64):
+            newCuttOff = 16;
+            break;
+          case (teamsSize >= 64 && teamsSize < 96):
+            newCuttOff = 24;
+            break;
+          case (teamsSize >= 96 && teamsSize < 128):
+            newCuttOff = 32;
+            break;
+          case (teamsSize >= 128 && teamsSize < 192):
+            newCuttOff = 48;
+            break;
+          case (teamsSize >= 192 && teamsSize < 255):
+            newCuttOff = 64;
+            break;
+          default:
+            newCuttOff = 4;
+            break;
         }
+        return newCuttOff;
       }
   
-      division = document.getElementById("level").value;
-      seasonStage = document.getElementById("round").value;
-      let cutOff = getCutOff();
+      getDivision() {
+        return document.getElementById("level").value;
+      }
   
-      for (let i = 0; i < qeuedCount; i++) {
-        targetTeam = qeuedTeams[i];
-        targetTeam.style.backgroundColor = 'rgb(51, 52, 51)';
-        if (i % 2) targetTeam.style.backgroundColor = 'rgb(68, 68, 68)';
+      getSeasonStage() {
+        return seasonStage = document.getElementById("round").value;
+      }
   
-        ranking = targetTeam.childNodes[0].textContent.slice(0, targetTeam.childNodes[0].textContent.length - 1);
+      getCutOff() {
+        let cutOffValue = 0;
+        let teamsSize = this.teamList.length - 1;
+        switch (esea.getDivision()) {
+          case "open":
+            cutOffValue = esea.largeCutOff(teamsSize);
+            break;
+          case "intermediate":
+            cutOffValue = esea.largeCutOff(teamsSize);
+            break;
+          case "main":
+            cutOffValue = esea.smallCutOff(teamsSize);
+            break;
+          case "advanced":
+            cutOffValue = esea.smallCutOff(teamsSize);
+            break;
+        }
+        return cutOffValue;
+      }
+  
+      printInfo(){
+        console.log("Division: " + this.getDivision());
+        let size = this.teamList.length - 1;
+        console.log("Teams: " + size);
+        console.log("Cutoff: " + this.getCutOff());
+      }
   
-        if (ranking <= cutOff) {
-          targetTeam.childNodes[0].style.backgroundColor = "green";
-        } else {
-          targetTeam.childNodes[0].style.backgroundColor = "red";
+      filter() {
+        let qeuedCount = 0;
+        for (let i = 1; i < this.teamList.length; i++) {
+          
+          let currentFlag = this.teamList[i].childNodes[1].childNodes[0].childNodes[0].title ?? this.teamList[i].childNodes[1].childNodes[0].childNodes[0].childNodes[0].textContent;
+          if (countryBox.selectedCountry() == "Country") {
+            currentFlag = countryBox.selectedCountry();
+          }
+          if (currentFlag != countryBox.selectedCountry()) {
+            this.teamList[i].style.display = "none";
+          } else {
+            this.teamList[i].style.display = "";
+            this.qeuedTeams[qeuedCount] = this.teamList[i];
+            qeuedCount++;
+          }
+        }
+        for (let i = 0; i < qeuedCount; i++) {
+          let targetTeam = this.qeuedTeams[i];
+          targetTeam.style.backgroundColor = 'rgb(51, 52, 51)';
+          if (i % 2) targetTeam.style.backgroundColor = 'rgb(68, 68, 68)';
+  
+          let teamRank = targetTeam.childNodes[0].textContent.slice(0, targetTeam.childNodes[0].textContent.length - 1);
+          
+          if (teamRank <= esea.getCutOff()) {
+            targetTeam.childNodes[0].style.color = "green";
+          } else {
+            targetTeam.childNodes[0].style.color = "red";
+          }
         }
       }
-    }
-  
-    function showSelectorButton() {
-      var regionBox = document.getElementById("region").parentElement.parentElement;
-      flagBox = regionBox.cloneNode(true);
-      flagBox.childNodes[0].childNodes[0].setAttribute("id", "flag");
-      flagBox.childNodes[0].style.top = "10px";
-      flagBox.childNodes[0].childNodes[0].onchange = function() {
-        filter();
-      };
-      flagBox.childNodes[0].childNodes[0].innerHTML = "";
-  
-      regionBox.parentElement.parentElement.parentElement.append(flagBox);
-    }
-    showSelectorButton();
-    indexFlags();
-    filter();
+    } esea = new eseaHelper();
+  
+    countryBox.create();
+    countryBox.indexFlags();
+    document.getElementById("flag").onchange = function () {
+      esea.filter();
+    };
+    esea.printInfo();
+    esea.filter();
   }
   
   doWork();
diff --git a/esea-league-filter.js b/esea-league-filter.js
index 0fc6425..6648e70 100644
--- a/esea-league-filter.js
+++ b/esea-league-filter.js
@@ -1,201 +1,220 @@
 function doWork() {
-  var teamList = document.getElementsByClassName('Tr');
-  var qeuedTeams = [];
-  var qeuedCount = 0;
-  var removedTeams = 0;
-  var totalFlags = [];
-  var flagImages = [];
-  var flagsCount = 0;
-  var flagBox;
-
-  function addDropDownFlag(flagName) {
-    flagOptions = flagBox.childNodes[0].childNodes[0];
-    let newOption = document.createElement("option");
-    newOption.text = flagName;
-    flagOptions.add(newOption);
-  }
-
-  function addFlag(indexTeam) {
-    flagOptions = flagBox.childNodes[0].childNodes[0];
-
-    let flagName = teamList[indexTeam].childNodes[1].childNodes[0].childNodes[0].title ?? teamList[indexTeam].childNodes[1].childNodes[0].childNodes[0].childNodes[0].textContent;
-    for (let i = 0; i <= flagsCount; i++) {
-      if (flagName == totalFlags[i]) return;
-    }
 
-    totalFlags[flagsCount] = flagName;
-    flagsCount++;
-  }
 
-  function fillDropDown() {
-    for (let i = 0; i < totalFlags.length; i++) {
-      addDropDownFlag(totalFlags[i]);
+  class dropDownFilter {
+    teamList = document.getElementsByClassName('Tr');
+    totalFlags = [];
+    flagImages = [];
+    flagsCount = 0;
+    flagBox = "";
+
+    constructor() { };
+    create() {
+        var regionBox = document.getElementById("region").parentElement.parentElement;
+        this.flagBox = regionBox.cloneNode(true);
+        this.flagBox.childNodes[0].childNodes[0].setAttribute("id", "flag");
+        this.flagBox.childNodes[0].style.top = "10px";
+        this.flagBox.childNodes[0].childNodes[0].innerHTML = "";
+
+        regionBox.parentElement.parentElement.parentElement.append(this.flagBox);
+      
+        this.flagBox = document.getElementById("flag");
+    }
+    addDropDownFlag(flagName) {
+      let newOption = document.createElement("option");
+      newOption.text = flagName;
+      this.flagBox.add(newOption);
     }
-  }
+    addFlag(indexTeam) {
+      this.flagOptions = this.flagBox.childNodes[0].childNodes[0];
 
-  function indexFlags() {
-    addDropDownFlag("Country");
+      let flagName = this.teamList[indexTeam].childNodes[1].childNodes[0].childNodes[0].title ?? this.teamList[indexTeam].childNodes[1].childNodes[0].childNodes[0].childNodes[0].textContent;
+      for (let i = 0; i <= this.flagsCount; i++) {
+        if (flagName == this.totalFlags[i]) return;
+      }
 
-    for (let i = 1; i < teamList.length; i++) {
-      addFlag(i);
+      this.totalFlags[this.flagsCount] = flagName;
+      this.flagsCount++;
     }
 
-    totalFlags = totalFlags.sort();
-    fillDropDown();
-  }
-
-  function largeCutOff(teamsSize) {
-    let newCuttOff = 0;
-    switch (true) {
-      case (teamsSize < 17):
-        newCuttOff = 8;
-        break;
-      case (teamsSize >= 17 && teamsSize < 24):
-        newCuttOff = 8;
-        break;
-      case (teamsSize >= 24 && teamsSize < 32):
-        newCuttOff = 12;
-        break;
-      case (teamsSize >= 32 && teamsSize < 48):
-        newCuttOff = 16;
-        break;
-      case (teamsSize >= 48 && teamsSize < 64):
-        newCuttOff = 24;
-        break;
-      case (teamsSize >= 64 && teamsSize < 96):
-        newCuttOff = 32;
-        break;
-      case (teamsSize >= 96 && teamsSize < 128):
-        newCuttOff = 48;
-        break;
-      case (teamsSize >= 128 && teamsSize < 192):
-        newCuttOff = 64;
-        break;
-      case (teamsSize >= 192 && teamsSize < 256):
-        newCuttOff = 96;
-        break;
-      case (teamsSize >= 256 && teamsSize < 384):
-        newCuttOff = 128;
-        break;
-      case (teamsSize >= 384 && teamsSize < 512):
-        newCuttOff = 192;
-        break;
-      case (teamsSize >= 512 && teamsSize < 768):
-        newCuttOff = 256;
-        break;
-      case (teamsSize >= 768 && teamsSize < 1024):
-        newCuttOff = 384;
-        break;
-      default:
-        newCuttOff = 4;
-        break;
+    fillDropDown() {
+      for (let i = 0; i < this.totalFlags.length; i++) {
+        this.addDropDownFlag(this.totalFlags[i]);
+      }
     }
-    return newCuttOff;
-  }
-
-  function smallCutOff(teamsSize) {
-    let newCuttOff = 0;
-    switch (true) {
-      case (teamsSize < 48):
-        newCuttOff = 8;
-        break;
-      case (teamsSize >= 48 && teamsSize < 64):
-        newCuttOff = 16;
-        break;
-      case (teamsSize >= 64 && teamsSize < 96):
-        newCuttOff = 24;
-        break;
-      case (teamsSize >= 96 && teamsSize < 128):
-        newCuttOff = 32;
-        break;
-      case (teamsSize >= 128 && teamsSize < 192):
-        newCuttOff = 48;
-        break;
-      case (teamsSize >= 192 && teamsSize < 255):
-        newCuttOff = 64;
-        break;
-      default:
-        newCuttOff = 4;
-        break;
+
+    indexFlags() {
+      this.addDropDownFlag("Country");
+
+      for (let i = 1; i < this.teamList.length; i++) {
+        this.addFlag(i);
+      }
+
+      this.totalFlags = this.totalFlags.sort();
+      this.fillDropDown();
     }
-    return newCuttOff;
-  }
-
-  function getCutOff() {
-    let cutOffValue = 0;
-    let teamsSize = teamList.length - 1;
-    switch (division) {
-      case "open":
-        cutOffValue = largeCutOff(teamsSize);
-        break;
-      case "intermediate":
-        cutOffValue = largeCutOff(teamsSize);
-        break;
-      case "main":
-        cutOffValue = smallCutOff(teamsSize);
-        break;
-      case "advanced":
-        cutOffValue = smallCutOff(teamsSize);
-        break;
+
+    selectedCountry() {
+      return document.getElementById("flag").value;
     }
-    console.log("Division: " + division);
-    console.log("Teams: " + teamsSize);
-    console.log("Cutoff: " + cutOffValue);
-    return cutOffValue;
-  }
-
-  function filter() {
-    let flagBoxFilter = document.getElementById("flag");
-    let country = flagBoxFilter.value;
-
-    for (let i = 1; i < teamList.length; i++) {
-      currentFlag = teamList[i].childNodes[1].childNodes[0].childNodes[0].title ?? teamList[i].childNodes[1].childNodes[0].childNodes[0].childNodes[0].textContent;
-      if (country == "Country") {
-        currentFlag = country;
+  } countryBox = new dropDownFilter;
+
+  class eseaHelper {
+    teamList = document.getElementsByClassName('Tr');
+    qeuedTeams = [];
+    removedTeams = 0;
+
+    largeCutOff(teamsSize) {
+      let newCuttOff = 0;
+      switch (true) {
+        case (teamsSize < 17):
+          newCuttOff = 8;
+          break;
+        case (teamsSize >= 17 && teamsSize < 24):
+          newCuttOff = 8;
+          break;
+        case (teamsSize >= 24 && teamsSize < 32):
+          newCuttOff = 12;
+          break;
+        case (teamsSize >= 32 && teamsSize < 48):
+          newCuttOff = 16;
+          break;
+        case (teamsSize >= 48 && teamsSize < 64):
+          newCuttOff = 24;
+          break;
+        case (teamsSize >= 64 && teamsSize < 96):
+          newCuttOff = 32;
+          break;
+        case (teamsSize >= 96 && teamsSize < 128):
+          newCuttOff = 48;
+          break;
+        case (teamsSize >= 128 && teamsSize < 192):
+          newCuttOff = 64;
+          break;
+        case (teamsSize >= 192 && teamsSize < 256):
+          newCuttOff = 96;
+          break;
+        case (teamsSize >= 256 && teamsSize < 384):
+          newCuttOff = 128;
+          break;
+        case (teamsSize >= 384 && teamsSize < 512):
+          newCuttOff = 192;
+          break;
+        case (teamsSize >= 512 && teamsSize < 768):
+          newCuttOff = 256;
+          break;
+        case (teamsSize >= 768 && teamsSize < 1024):
+          newCuttOff = 384;
+          break;
+        default:
+          newCuttOff = 4;
+          break;
       }
-      if (currentFlag != country) {
-        teamList[i].style.display = "none";
-      } else {
-        teamList[i].style.display = "";
-        qeuedTeams[qeuedCount] = teamList[i];
-        qeuedCount++;
+      return newCuttOff;
+    }
+
+    smallCutOff(teamsSize) {
+      let newCuttOff = 0;
+      switch (true) {
+        case (teamsSize < 48):
+          newCuttOff = 8;
+          break;
+        case (teamsSize >= 48 && teamsSize < 64):
+          newCuttOff = 16;
+          break;
+        case (teamsSize >= 64 && teamsSize < 96):
+          newCuttOff = 24;
+          break;
+        case (teamsSize >= 96 && teamsSize < 128):
+          newCuttOff = 32;
+          break;
+        case (teamsSize >= 128 && teamsSize < 192):
+          newCuttOff = 48;
+          break;
+        case (teamsSize >= 192 && teamsSize < 255):
+          newCuttOff = 64;
+          break;
+        default:
+          newCuttOff = 4;
+          break;
       }
+      return newCuttOff;
     }
 
-    division = document.getElementById("level").value;
-    seasonStage = document.getElementById("round").value;
-    let cutOff = getCutOff();
+    getDivision() {
+      return document.getElementById("level").value;
+    }
 
-    for (let i = 0; i < qeuedCount; i++) {
-      targetTeam = qeuedTeams[i];
-      targetTeam.style.backgroundColor = 'rgb(51, 52, 51)';
-      if (i % 2) targetTeam.style.backgroundColor = 'rgb(68, 68, 68)';
+    getSeasonStage() {
+      return seasonStage = document.getElementById("round").value;
+    }
 
-      ranking = targetTeam.childNodes[0].textContent.slice(0, targetTeam.childNodes[0].textContent.length - 1);
+    getCutOff() {
+      let cutOffValue = 0;
+      let teamsSize = this.teamList.length - 1;
+      switch (esea.getDivision()) {
+        case "open":
+          cutOffValue = esea.largeCutOff(teamsSize);
+          break;
+        case "intermediate":
+          cutOffValue = esea.largeCutOff(teamsSize);
+          break;
+        case "main":
+          cutOffValue = esea.smallCutOff(teamsSize);
+          break;
+        case "advanced":
+          cutOffValue = esea.smallCutOff(teamsSize);
+          break;
+      }
+      return cutOffValue;
+    }
+
+    printInfo(){
+      console.log("Division: " + this.getDivision());
+      let size = this.teamList.length - 1;
+      console.log("Teams: " + size);
+      console.log("Cutoff: " + this.getCutOff());
+    }
 
-      if (ranking <= cutOff) {
-        targetTeam.childNodes[0].style.backgroundColor = "green";
-      } else {
-        targetTeam.childNodes[0].style.backgroundColor = "red";
+    filter() {
+      let qeuedCount = 0;
+      for (let i = 1; i < this.teamList.length; i++) {
+        
+        let currentFlag = this.teamList[i].childNodes[1].childNodes[0].childNodes[0].title ?? this.teamList[i].childNodes[1].childNodes[0].childNodes[0].childNodes[0].textContent;
+        if (countryBox.selectedCountry() == "Country") {
+          currentFlag = countryBox.selectedCountry();
+        }
+        if (currentFlag != countryBox.selectedCountry()) {
+          this.teamList[i].style.display = "none";
+        } else {
+          this.teamList[i].style.display = "";
+          this.qeuedTeams[qeuedCount] = this.teamList[i];
+          qeuedCount++;
+        }
+      }
+      for (let i = 0; i < qeuedCount; i++) {
+        let targetTeam = this.qeuedTeams[i];
+        targetTeam.style.backgroundColor = 'rgb(51, 52, 51)';
+        if (i % 2) targetTeam.style.backgroundColor = 'rgb(68, 68, 68)';
+
+        let teamRank = targetTeam.childNodes[0].textContent.slice(0, targetTeam.childNodes[0].textContent.length - 1);
+        
+        if (teamRank <= esea.getCutOff()) {
+          targetTeam.childNodes[0].style.color = "green";
+        } else {
+          targetTeam.childNodes[0].style.color = "red";
+        }
       }
     }
-  }
-
-  function showSelectorButton() {
-    var regionBox = document.getElementById("region").parentElement.parentElement;
-    flagBox = regionBox.cloneNode(true);
-    flagBox.childNodes[0].childNodes[0].setAttribute("id", "flag");
-    flagBox.childNodes[0].style.top = "10px";
-    flagBox.childNodes[0].childNodes[0].onchange = function() {
-      filter();
-    };
-    flagBox.childNodes[0].childNodes[0].innerHTML = "";
-
-    regionBox.parentElement.parentElement.parentElement.append(flagBox);
-  }
-  showSelectorButton();
-  indexFlags();
-  filter();
+  } esea = new eseaHelper();
+
+  countryBox.create();
+  countryBox.indexFlags();
+  /*document.getElementById("flag").onchange = function () {
+    esea.filter();
+  };*/
+  esea.printInfo();
+  esea.filter();
 }
 
 doWork();
\ No newline at end of file