var spotx = new Array();
 var spoty = new Array();
 var spots = 6;
 var fonts = new Array("'Courier New'","Arial","'Times New Roman'");

$(document).ready(function(){
	value = (Math.floor(Math.random() * 5))+1;
	$("#Menu2").css("background", "url(cabaretvoltaire/images/menu2_bg"+(value)+".gif) no-repeat bottom left");
	value = (Math.floor(Math.random() * 2));
	$("#Menu1").css("font-family", fonts[value]);
	value = (Math.floor(Math.random() * 2));
	$("#Header").css("font-family", fonts[value]);
	value = (Math.floor(Math.random() * 2));
	$("#SubMenu").css("font-family", fonts[value]);
	$("#animation").css("background-color", "#fff");
	for (i=0; i<50; i++) {
      	for (j=0; j<40; j++) {
      		var pixelId = (i)+(j*100);
    		$("<div/>").attr("id", pixelId).appendTo("#animation");
    		$("#"+pixelId).addClass("pixel");
    		$("#"+pixelId).css("top", j*19);
    		$("#"+pixelId).css("left", i*19);
    		$("#"+pixelId).css("opacity", (Math.random()/12)+0.10);
    	}
    	$("<div/>").attr("class", "newline").appendTo("#animation");
    }
	
    $.getJSON("sensordata.json",
        function(data){
        sensordata = new Array();
          $.each(data.sensors, function(i,sensor){
             sensordata[i] = sensor.value.v;
            if ( i == 6 ) return false;
          });
          for (i=0; i<=spots; i++) {
          spotx[i] = Math.ceil(50*Math.random());
          spoty[i] = Math.ceil(40*Math.random());
          }
        startVoltaire();
      });
    
 });
 
  
  function startVoltaire() {
  	for (i=0; i<=spots; i++) {
  		animVoltaire(i);
  	}
    setTimeout(startVoltaire,  200);
 }
 
  function animVoltaire(id) {
 	spotx[id] += ((Math.random()-0.5)*2);
 	spoty[id] += ((Math.random()-0.5)*2);
 	if (spoty[id]>40 || spoty[id]<0) {
 		spoty[id] = Math.ceil(40*Math.random());
 	}
 	if (spotx[id]>50 || spotx[id]<0) {
 		spotx[id] = Math.ceil(50*Math.random());
 	}
 	intensity = ((Math.random()-0.5)/5);
 	pixelId = (Math.ceil(spotx[id]))+(Math.ceil(spoty[id])*100);
 	$("#"+pixelId).css("opacity", (intensity + parseFloat($("#"+pixelId).css("opacity"))));
 	
 	pixelId = (Math.ceil(spotx[id])+1)+(Math.ceil(spoty[id])*100);
 	$("#"+pixelId).css("opacity", ((intensity/2) + parseFloat($("#"+pixelId).css("opacity"))));
 	
 	pixelId = (Math.ceil(spotx[id])-1)+(Math.ceil(spoty[id])*100);
 	$("#"+pixelId).css("opacity", ((intensity/2) + parseFloat($("#"+pixelId).css("opacity"))));
 	
 	pixelId = (Math.ceil(spotx[id]))+((Math.ceil(spoty[id])+1)*100);
 	$("#"+pixelId).css("opacity", ((intensity/2) + parseFloat($("#"+pixelId).css("opacity"))));
 	
 	pixelId = (Math.ceil(spotx[id]))+((Math.ceil(spoty[id])-1)*100);
 	$("#"+pixelId).css("opacity", ((intensity/2) + parseFloat($("#"+pixelId).css("opacity"))));
 	
 	
 	pixelId = (Math.ceil(spotx[id])+2)+(Math.ceil(spoty[id])*100);
 	$("#"+pixelId).css("opacity", ((intensity/4) + parseFloat($("#"+pixelId).css("opacity"))));
 	
 	pixelId = (Math.ceil(spotx[id])-2)+(Math.ceil(spoty[id])*100);
 	$("#"+pixelId).css("opacity", ((intensity/4) + parseFloat($("#"+pixelId).css("opacity"))));
 	
 	pixelId = (Math.ceil(spotx[id]))+((Math.ceil(spoty[id])+2)*100);
 	$("#"+pixelId).css("opacity", ((intensity/4) + parseFloat($("#"+pixelId).css("opacity"))));
 	
 	pixelId = (Math.ceil(spotx[id]))+((Math.ceil(spoty[id])-2)*100);
 	$("#"+pixelId).css("opacity", ((intensity/4) + parseFloat($("#"+pixelId).css("opacity"))));
 	
 	
 	pixelId = (Math.ceil(spotx[id])+1)+((Math.ceil(spoty[id])+1)*100);
 	$("#"+pixelId).css("opacity", ((intensity/4) + parseFloat($("#"+pixelId).css("opacity"))));
 	
 	pixelId = (Math.ceil(spotx[id])-1)+((Math.ceil(spoty[id])-1)*100);
 	$("#"+pixelId).css("opacity", ((intensity/4) + parseFloat($("#"+pixelId).css("opacity"))));
 	
 	pixelId = (Math.ceil(spotx[id])+1)+((Math.ceil(spoty[id])+2)*100);
 	$("#"+pixelId).css("opacity", ((intensity/4) + parseFloat($("#"+pixelId).css("opacity"))));
 	
 	pixelId = (Math.ceil(spotx[id])-1)+((Math.ceil(spoty[id])-2)*100);
 	$("#"+pixelId).css("opacity", ((intensity/4) + parseFloat($("#"+pixelId).css("opacity"))));
 	
 }