var simon = {
     endRounds: 10, //2 for debugging, 20 for real
     says: [],
     player1: [],
     power:true,
     stop: false,
     strict: false,  
     reset: function() { 
       $(".round").html("--");
       simon.says = [];
       simon.player1 = [];
     },
     playSound: function(bs) {
        var audio = new Audio(simon.sounds[bs]);
          audio.play();
     },
     sounds: {
        1: "https://s3.amazonaws.com/freecodecamp/simonSound1.mp3",
        2: "https://s3.amazonaws.com/freecodecamp/simonSound2.mp3",
        3: "https://s3.amazonaws.com/freecodecamp/simonSound3.mp3",
        4: "https://s3.amazonaws.com/freecodecamp/simonSound4.mp3",
        5: "https://www.nickmcoyle.com:8080/quote/sound/smb3_no_match.wav",
        6: "https://www.nickmcoyle.com:8080/quote/sound/the_price_is_right_theme.wav"    
     },
     startGame: function() {    
        if(simon.says.length === 0) {
           $(".boardSpot").off("click");
           simon.makeSequence(simon.animateSequence);
        };
     },
     add: function() {
        $(".boardSpot").off("click");
        simon.makeSequence(simon.animateSequence);    
     },
     makeSequence: function() {  
        for(var i = 0; i < 1; i++) {
          simon.says.push(simon.getRandom());   
        };
        //update the round display
        if(simon.says.length < 1) {
          $(".round").html("0" + simon.says.length);
        } else {
          $(".round").html(simon.says.length);
        }
        simon.animateSequence();
      },
      bsClick: function() {
        //if power button is turned on then do stuff
        if(simon.power) {           
          var id = $(this).attr("id");   
          var number = Number(id.substring(2,3));
          simon.playSound(number); 
          //console.log($(this));
          simon.player1.push(number);
          //add led
          $(this).addClass(id+"led"); 
          var that = $(this);
          //remove led
          var remove = function() {    
            that.removeClass(id+"led");
          };
            setTimeout(remove, 400);    
            simon.testSequence();
          };
      },
      testSequence: function() {
          var move = simon.player1.length-1;
          var player1Move = simon.player1[move];
          var simonMove = simon.says[move];
            if(player1Move !== simonMove) {
              simon.wrongMoveAnimation();
              simon.player1 = []; 
                if(simon.strict === true) {
                  simon.reset();
                  simon.startGame();
                  return;
                };
              };
          //if end of sequence, then start the next move
          if(simon.player1.length === simon.says.length) {
             //if reached end of rounds, then player1 wins
              if(simon.player1.length === simon.endRounds) {
                 simon.winGameAnimation();
                 return;       
              };
             $(".boardSpot").off("click");
             simon.player1 = [];  
            //add the next round after 1.5 seconds delay
            setTimeout(function () {simon.add()}, 1500);     
          };
       },
       wrongMoveAnimation: function() {
          //light all the spots and play the mario sound
          simon.playSound(5); 
          for(var i = 1; i<5; i++) {
            var boardSpot = $("#bs"+i);    
            boardSpot.addClass("bs"+i+"led");    
          };
        //remove led
        var remove = function() {    
            for(var i = 1; i<5; i++) {
              var boardSpot = $("#bs"+i);   
              boardSpot.removeClass("bs"+i+"led");
            };           
        };
        setTimeout(remove, 1000);
        },
        winGameAnimation: function() {
        //this function blocks user input, lights all the spots, and plays the win sound
        $(".boardSpot").off("click");
        simon.playSound(6);     
        $("#title").html("YOU WIN!!!");   
       var timer = function() {          
          simon.stop = true;          
       };
       //start the timer for 33 seconds the same length as the sound clip
        setTimeout(timer, 33*1000);
          function blink(selector, speed) {
              $(selector).fadeOut(speed, function(){
                $(this).fadeIn(speed, function(){
                if(!simon.stop) {
                  blink(this);
                }
              });
            });
           }
          blink('#title', 1000);                    
          setTimeout(blink('#bs1', 0), 100);
          setTimeout(blink('#bs2', 250), 400);
          setTimeout(blink('#bs3', 500), 800);
          setTimeout(blink('#bs4', 1000), 1200);          
       
        },  
        getRandom: function() {     
          var items = [1,2,3,4];                
          var random = items[Math.floor(Math.random()*items.length)];
          return ( random );   
        },
        animateSequence: function() { 
          //start with the first boardspot in the simon array
          var i = 1;    
          function animateIt(i) {  
            var animateFunc = function() {  
              var id = simon.says[i-1];  
              simon.playSound(id);       
              //add led    
              var boardSpot = $("#bs"+id);    
              boardSpot.addClass("bs"+id+"led");    
               //remove led
               var remove = function() {    
                 boardSpot.removeClass("bs"+id+"led"); 
               };
               setTimeout(remove, 400);   
               i++;
               if(i<=simon.says.length) {                        
                animateIt(i);      
               } else {
                //if the sequence is finished, then allow the player to click
                 setTimeout(allowClick, 250);
               };                    
             };
             setTimeout(animateFunc, 1500);                          
            };      
           animateIt(i);    
           function allowClick() {
              $(".boardSpot").bind("click", simon.bsClick);
           };
        }
}; //end var simon

        $("#startBtn").on("click", function() { 
            if(simon.power) {
                simon.startGame();
            }; 
        });

        $("#strictToggle").on("click", function() {
           if(simon.strict === false) {
              $(this).addClass("btn-danger").text("Strict on");
              simon.strict = true;    
           } else {
             $(this).removeClass("btn-danger").text("Strict off");
             simon.strict = false;
           }
        });

        $("#powerSwitch").on("click", function() {  
           simon.reset();
              if(simon.power === true) {
                 simon.power = false;   
                 $(".round").removeClass("roundActive");
              } else {
                simon.power = true;
                $(".round").addClass("roundActive");
              }  
        });
        
        $(document).ready( function() {    
            $("#powerToggle").bootstrapToggle('on');
            $(".round").addClass("roundActive");
        });