var scolor = 8;

var ccodes = new Array();
ccodes[0] = "EFEFEF";
ccodes[1] = "FFFFFF";
ccodes[2] = "FFFF00";
ccodes[3] = "FF00FF";
ccodes[4] = "00FFFF";
ccodes[5] = "FF0000";
ccodes[6] = "00FF00";
ccodes[7] = "0000FF";
ccodes[8] = "000000";
ccodes[9] = "008000";
ccodes[10] = "800000";
ccodes[11] = "808000";
ccodes[12] = "800080";
ccodes[13] = "808080";
ccodes[14] = "000080";
ccodes[15] = "008080";
ccodes[16] = "C0C0C0";

function grabObject (id) {
   var view = document.getElementById(id);
   return view;
}

var http_request = false;
function makeRequest(url) {
  http_request = false;
  if (window.XMLHttpRequest) { // Mozilla, Safari,...
     http_request = new XMLHttpRequest();
     if (http_request.overrideMimeType) {
        //http_request.overrideMimeType('text/xml');
        http_request.overrideMimeType('text/html');
     }
  } else if (window.ActiveXObject) { // IE
     try {
        http_request = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (e) {
        try {
           http_request = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e) {}
     }
  }
  if (!http_request) {
     alert('Nelze vytvorit instance XMLHTTP');
  }
  http_request.open('GET', url, true);
}


function save_box_color(id_div, color){
    if(color > 0 && color < 17 && id_div >= 0 && id_div < 3330){

      var div_to_recolor = grabObject(id_div);
      var remaining = grabObject("remaining");

      makeRequest("pixel.php?id="+id_div+"&c="+color);
            
      http_request.onreadystatechange = function () {
          if(http_request.readyState == 4){ if(http_request.status == 200){
            var pixel_feedback = http_request.responseText;          
            if (pixel_feedback > 0) div_to_recolor.style.background = "#"+ccodes[color];
            pixel_feedback--;
            if (pixel_feedback > 300 || pixel_feedback < 0) pixel_feedback = 0;
            remaining.value = "Pro dnešek ti zbývá pixelů " + pixel_feedback + " z 300";              
          }else{
           alert("Chyba pri nacitani stanky "+ http_request.status +":"+ http_request.statusText); } 
          }
      };
    http_request.send(null);
    }
}

function select_color(color){
    if(color > 0 && color < 17){
      
      var color_div = grabObject("c" + color);

      for (i=1; i<17; i++){
        cdiv = grabObject("c" + i);
        cdiv.style.border = "1px solid #000000";
      }                               
      color_div.style.border = "2px solid #C70000";
      scolor = color;              
    }
}

function update_box_data(){

      makeRequest("getarena.php");

      http_request.onreadystatechange = function () {
          if(http_request.readyState == 4){ if(http_request.status == 200){
            var new_data = http_request.responseText; 
            new_data = new_data.split(",");
            for(i=0; i<3330; i++){
              var div_now = document.getElementById(i);
              div_now.style.background = "#"+ccodes[new_data[i]];
            }             
          }else{
           alert("Chyba pri nacitani stanky "+ http_request.status +":"+ http_request.statusText); } 
          }
      };
    http_request.send(null);
}


var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);

if (!window.ActiveXObject){
  window.setInterval("update_box_data();", 20 * 1000);
}
