Caw Caw Lights Edited

// ==UserScript==
// @name CAW CAW FLAG LIGHTS
// @include http://*.koalabeast.com:*
// @include http://*.jukejuice.com:*
// @version 0.1
// ==/UserScript==

addJQuery(init);

function addJQuery(callback) {
  var script = document.createElement("script");
  script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");
  script.addEventListener('load', function() {
    var script = document.createElement("script");
    script.textContent = "window.jQ=jQuery.noConflict(true);(" + callback.toString() + ")();";
    document.body.appendChild(script);
  }, false);
  document.body.appendChild(script);
}



function init(){


    USE_SOLID_COLORS = false;

    var color = 0,
      red = 0,
      green = 0,
      blue = 0,
      maxColor = 127,
      flags = {},
      oldCSS = "",
      css = "";
      flagHeld = 0,
      lastFlagHeld = 0;

    // Blue CSS
    var blueCSS = {
      background: "#00007f", /* Old browsers */
      background: "-moz-radial-gradient(center, ellipse cover, #00007f 33%, #000000 99%)", /* FF3.6+ */
      background: "-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(33%,#00007f), color-stop(99%,#000000))", /* Chrome,Safari4+ */
      background: "-webkit-radial-gradient(center, ellipse cover, #00007f 33%,#000000 99%)", /* Chrome10+,Safari5.1+ */
      background: "-o-radial-gradient(center, ellipse cover, #00007f 33%,#000000 99%)", /* Opera 12+ */
      background: "-ms-radial-gradient(center, ellipse cover, #00007f 33%,#000000 99%)", /* IE10+ */
      background: "radial-gradient(ellipse at center, #00007f 33%,#000000 99%)", /* W3C */
      filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#00007f', endColorstr='#000000',GradientType=1 )", /* IE6-9 fallback on horizontal gradient */
    }

    // Red CSS
    var redCSS = {
      background: "#7f0000", /* Old browsers */
      background: "-moz-radial-gradient(center, ellipse cover, #7f0000 33%, #000000 99%)", /* FF3.6+ */
      background: "-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(33%,#7f0000), color-stop(99%,#000000))", /* Chrome,Safari4+ */
      background: "-webkit-radial-gradient(center, ellipse cover, #7f0000 33%,#000000 99%)", /* Chrome10+,Safari5.1+ */
      background: "-o-radial-gradient(center, ellipse cover, #7f0000 33%,#000000 99%)", /* Opera 12+ */
      background: "-ms-radial-gradient(center, ellipse cover, #7f0000 33%,#000000 99%)", /* IE10+ */
      background: "radial-gradient(ellipse at center, #7f0000 33%,#000000 99%)", /* W3C */
      filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f0000', endColorstr='#000000',GradientType=1 )", /* IE6-9 fallback on horizontal gradient */
    }
    // Purple CSS
    var purpleCSS = {
      background: "#7f007f", /* Old browsers */
      background: "-moz-radial-gradient(center, ellipse cover, #7f007f 33%, #000000 99%)", /* FF3.6+ */
      background: "-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(33%,#7f007f), color-stop(99%,#000000))", /* Chrome,Safari4+ */
      background: "-webkit-radial-gradient(center, ellipse cover, #7f007f 33%,#000000 99%)", /* Chrome10+,Safari5.1+ */
      background: "-o-radial-gradient(center, ellipse cover, #7f007f 33%,#000000 99%)", /* Opera 12+ */
      background: "-ms-radial-gradient(center, ellipse cover, #7f007f 33%,#000000 99%)", /* IE10+ */
      background: "radial-gradient(ellipse at center, #7f007f 33%,#000000 99%)", /* W3C */
      filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f007f', endColorstr='#000000',GradientType=1 )", /* IE6-9 fallback on horizontal gradient */
    }

    // Grey CSS
    var greyCSS = {
      background: "#636363", /* Old browsers */
      background: "-moz-radial-gradient(center, ellipse cover, #636363 33%, #000000 99%)", /* FF3.6+ */
      background: "-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(33%,#636363), color-stop(99%,#000000))", /* Chrome,Safari4+ */
      background: "-webkit-radial-gradient(center, ellipse cover, #636363 33%,#000000 99%)", /* Chrome10+,Safari5.1+ */
      background: "-o-radial-gradient(center, ellipse cover, #636363 33%,#000000 99%)", /* Opera 12+ */
      background: "-ms-radial-gradient(center, ellipse cover, #636363 33%,#000000 99%)", /* IE10+ */
      background: "radial-gradient(ellipse at center, #636363 33%,#000000 99%)", /* W3C */
      filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#000000',GradientType=1 )", /* IE6-9 fallback on horizontal gradient */
    }

    var yellowCSS = {
      background: "#d1960c", /* Old browsers */
      background: "-moz-radial-gradient(center, ellipse cover, #d1960c 34%, #000000 99%)", /* FF3.6+ */
      background: "-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(34%,#d1960c), color-stop(99%,#000000))", /* Chrome,Safari4+ */
      background: "-webkit-radial-gradient(center, ellipse cover, #d1960c 34%,#000000 99%)", /* Chrome10+,Safari5.1+ */
      background: "-o-radial-gradient(center, ellipse cover, #d1960c 34%,#000000 99%)", /* Opera 12+ */
      background: "-ms-radial-gradient(center, ellipse cover, #d1960c 34%,#000000 99%)", /* IE10+ */
      background: "radial-gradient(ellipse at center, #d1960c 34%,#000000 99%)", /* W3C */
      filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1960c', endColorstr='#000000',GradientType=1 )", /* IE6-9 fallback on horizontal gradient */
    }




  jQ("html").css("background-color", "#000000");
  jQ("html").css("background", "#000000");
  jQ("html").css("transition","all 1s ease-in-out");
  if (!tagpro.map)
    return setTimeout(function(){init();},0);

  checkPlayers();

  tagpro.socket.on("p", function(message) {
    if(!Array.isArray(message)) {
      message = [message];
    }
    for (var i = 0; i < message.length; i++) {
      var data = message[i].u;

      if(data !== undefined) {
        for(var j = 0; j < data.length; j++) {
          if(data[j].flag || typeof data[j].flag == "object") {
            flagHeld = 1;
            checkPlayers();
          }
        }
      }    }
    if(!flagHeld && lastFlagHeld) {
      setColor(0,0,0);
    }
    lastFlagHeld = flagHeld;
  });


  function checkPlayers() {
      red = 0,
      green = 0,
      blue = 0;
      for (var id in tagpro.players) {
        var player = tagpro.players[id];
        if (player.flag) {
          blue = player.flag == 2 ? maxColor : blue;
          red = player.flag == 1 ? maxColor : red;
          green = (player.team == 1 && player.flag == 3) ? maxColor : green;
          green = (player.team == 2 && player.flag == 3) ? maxColor : green;
        }
      }

      var newColor = red + "," + green + "," + blue;
      if (color != newColor ){
        color = newColor;
        setColor(red,green,blue);
      }
    }

    function setColor(red,green,blue){
      if(USE_SOLID_COLORS) {
        colorString = "#";
        colorString += ("0"+(red.toString(16))).slice(-2);
        colorString += ("0"+(green.toString(16))).slice(-2);
        colorString += ("0"+(blue.toString(16))).slice(-2);

        jQ("html").css("background-color", colorString);
        jQ("html").css("background", colorString);
      }
      else {
          if(red && blue) {
            css = purpleCSS;
          }
          else if (red) {
            css = redCSS;
          }
          else if (blue) {
            css = blueCSS;
          }
          else {
            css = greyCSS;
          }
          jQ("html").css(css);
      }
    }



}