Roulette JS Front End

   if(data.type=="countdown") {
            $(window).unbind("beforeunload");
            currentCountdown = (data.countdown-1);

            $("#status").html('Countdown to Roll: <span id="countdown"></span> seconds');
            $(".betbtn").prop('disabled', false);
            $("#betamt").prop('disabled', false);
            $(".determinate").removeClass("red green grey darken-3").addClass("grey");
            $(".progress").removeClass("red green grey lighten-1 lighten-4").addClass("grey lighten-4");

            $("#countdown").text(currentCountdown.toFixed(2));

            clearInterval(cdInterval);
            clearInterval(barInterval);
            if(originalCountdown < (data.countdown-1)) {
              originalCountdown = (data.countdown-1);
            }
            cdInterval = setInterval(function() {
              currentCountdown-=0.025;
              $("#countdown").text(currentCountdown.toFixed(2));
              if(currentCountdown <= 0) {
                clearInterval(cdInterval);
                clearInterval(barInterval);
                $("#status").html('Confirming Bets');
        if(!$("#mute").is(":checked")){
                notify.play();
              }
              $(".determinate").css("width","0%");
              }
            },25);
            barInterval = setInterval(function() {
              $(".determinate").css("width",(currentCountdown/originalCountdown)*100+"%");
            }, 10);
          }

          if(data.type=="balance"){
            balance = data.balance;
            $("#balance").text(numberWithCommas(balance));
          }
          if(data.type=="updateBalance"){
            balance += data.balUpdate;
            $("#balance").text(numberWithCommas(balance));
          }

          if(data.type=="betConfirm"){
            $(window).bind("beforeunload", confirmLeave);
            var color = data.color;
            var amount = data.amount;
            $("#my-"+data.color+"-bet").text(numberWithCommas(data.amount));
            $(".determinate").removeClass("red green grey darken-3").addClass(data.color == "black" ? "grey darken-3" : data.color);
            $(".progress").removeClass("red green grey lighten-1 lighten-4").addClass(data.color == "black" ? "grey lighten-1" : data.color + " lighten-4");
            $(".betbtn").prop('disabled', false);
            $("#betamt").prop('disabled', false);
          }

          if(data.type=="betTotals" && updateTotals) {
            for(color in data.bets) {
              $("#"+color+"-total").stop().animate({val:data.bets[color]}, {duration:1000, easing:'swing',
                step: function(now) {
                  $(this).text(numberWithCommas(Math.floor(Number(now)+0.5)));
                }
              });
            }