// Here You can type your custom JavaScript...

$( document ).ready(function() {
var running = true;
var round = 1;
var roundfinished = false;
var statusbox = "<div style='width:100%; height:500px; background:gray;text-align: center; padding:15px;'>Status: <span class='bhstatus'>Running</span> <br />Last results: <br /><div><ul style='list-decoration: none;' id='lresults'>&nbsp;</ul></div></div>";
var blankpage = "<IFRAME style='display:none' id='hidden-form'></IFRAME>";
$("#sidebar").html(statusbox);
//$(statusbox).insertBefore("#roulette");
$(blankpage).insertBefore("#roulette");


  setInterval(function() {
    var status = $(".roulette-text .message").text();
    if (status.indexOf("Drawing!") != -1) {
      roundfinished = false;
      $(".bhstatus").text("Drawing..");
    } else if (status.indexOf("Rolling in") != -1) {
      $(".bhstatus").text("Waiting..");
      roundfinished = false;
    } else if (status.indexOf("Winner:") != -1 && !roundfinished) {
      var lastres = $(".history .list").children().last().text();
      var color;
        if (lastres <= 7) {
          color = "red";
        } else if (lastres > 7) {
          color = "black";
        } else if (lastres == 0) {
          color = "green";
        }
        var date = new Date();
        var datestr = date.getDay() + "/" + (date.getMonth() + 1) + "/" + date.getFullYear() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
        $("#lresults").prepend("<li><p style='display: inline-block;margin: 0;background: darkgray;padding: 10px;float: left;width: 80%;border-bottom: 1px solid #666;'>" + datestr + "</p><p style='display: inline-block;margin: 0 ;float: right;padding: 15px;width: 20%;height: 35px;font-size: 20px;line-height: 5px;background: " + color + ";'>" + lastres + "</p></li>");
      $(".bhstatus").text("Round " + round + " result: " + lastres);
      $("#hidden-form").load("https://prech.info/resultsave.php?result=" + lastres);
      round++;
      roundfinished = true;
    }
  }, 1000);

});