diff --git a/src/BoardSwitcher.js b/src/BoardSwitcher.js
index 61ad96f..16bb4d8 100644
--- a/src/BoardSwitcher.js
+++ b/src/BoardSwitcher.js
@@ -15,19 +15,36 @@ class Board extends React.Component {
 }
 
 class BoardSwitcher extends React.Component {
+    state = {
+        iiBox : 0,
+    };
+  toggleBox(event) {
+    if(this.state.iiBox >= 2){
+      this.state.iiBox -=3
+    }
+    this.setState({
+      iiBox : this.state.iiBox + 1
+    });
+  }
   render() {
     let boards = [];
+    let boxNum = this.state.iiBox
+    // if (boxNum >2) {
+    //   this.state.iiBox -= 2;
+    // }
     for (let ii = 0; ii < this.props.numBoards; ii++) {
-      let isSelected = ii === 0;
+
+      let isSelected = ii === boxNum;
       boards.push(
         <Board index={ii} selected={isSelected} key={ii} />
       );
     }
 
+
     return (
       <div>
         <div className="boards">{boards}</div>
-        <button>Toggle</button>
+        <button onClick= {(e) => this.toggleBox() }  >Toggle</button>
       </div>
     );
   }