diff --git a/statusio-selector.js b/statusio-selector.js
index 770d5d7..25df393 100644
--- a/statusio-selector.js
+++ b/statusio-selector.js
@@ -29,8 +29,9 @@ var jobsGroup = $("div.form-group").filter(":contains('Jobs Service')")
 var odbcGroup = $("div.form-group").filter(":contains('ODBC/JDBC Service')")
 var webappGroup = $("div.form-group").filter(":contains('User Interface')")
 
+var componentArray = []
 
-var testObj = webappGroup.find('*').filter(":contains('West US 2')").filter("div.clearfix.prettycheckbox.labelright.blue").children().filter("input#containersCheckbox")
+var testObj = apiGroup.find('*').filter(":contains('canadacentral')").filter("div.clearfix.prettycheckbox.labelright.blue").children().filter("A")[0]
 console.log(Object.keys(testObj))
 console.log(testObj)
 
@@ -39,11 +40,12 @@ console.log(testObj)
            zNode.innerHTML = '<button id="allComponentsButton" type="button">AllComponents</button><button id="apiButton" type="button">API</button><button id="authButton">Auth</button>'
                 + '<button id="computeButton" type="button">Compute</button><button id="jobsButton" type="button">Jobs</button><button id="ojdbcButton" type="button">ODBC/JDBC</button>'
                 + '<button id="webappButton" type="button">Webapp</button></br></br><button id="canadaCentralButton" type="button">canadacentral</button><button id = jarvisButton>Jarvis'
-                + '</button><button id=ascButton>ASC</button><button id = kustoButton>Kusto</button> <button id = oneClickButton>1 - Click</button>'
+                + '</button><button id=ascButton>ASC</button><button id = kustoButton>Kusto</button> <button id = printArrayButton>Print Array</button>'
             ;
             zNode.setAttribute ('id', 'myContainer');
             document.body.appendChild (zNode);
 
+document.getElementById ("apiButton").addEventListener("click", apiButtonClickAction, false);
             //--- Activate the newly added button.
             document.getElementById ("canadaCentralButton").addEventListener (
                 "click", canadaCentralButtonClickAction, false
@@ -57,12 +59,24 @@ console.log(testObj)
             document.getElementById ("kustoButton").addEventListener (
                 "click", kustoButtonClickAction, false
             );
-            document.getElementById ("oneClickButton").addEventListener (
-                "click", oneClickButtonClickAction, false
+            document.getElementById ("printArrayButton").addEventListener (
+                "click", printArrayClickAction, false
             );
 
+
+function checkBoxToggle(box) {
+    if (box.getAttribute("class") == "checked") {
+        box.setAttribute("class", "")
+    } else {
+        box.setAttribute("class", "checked")
+    }
+}
+function apiButtonClickAction (zEvent) {
+    componentArray.push(apiGroup)    
+}
             function canadaCentralButtonClickAction (zEvent) {
-                testObj.prop("checked", true);
+                
+                checkBoxToggle(testObj);
             }
             function jarvisButtonClickAction (zEvent) {
                 window.open(jarvisURL, "_blank");
@@ -74,11 +88,8 @@ console.log(testObj)
                 GM_setClipboard(template, "kusto queries");
                 alert(`Kusto queries for ${cluster} have been copied to clipboard!`);
             }
-            function oneClickButtonClickAction (zEvent) {
-                appLensButtonClickAction(zEvent);
-                jarvisButtonClickAction(zEvent);
-                ascButtonClickAction(zEvent);
-                kustoButtonClickAction(zEvent);
+            function printArrayClickAction (zEvent) {
+                console.log(componentArray)
             }
 
             //--- Style our newly added elements using CSS.