//########################## Splatter screen with colored dots
//    splatter(
//        number of blobs,
//        max size of blobs in pixels,
//        time between each blob in miliseconds
//        );

function rdm(fork) {
  return Math.floor(Math.random()*(fork));
}
function randColor(a) {
  var r = rdm(255),
      g = rdm(255),
      b = rdm(255);
  a = a || (Math.random()*1.75);
  return "rgba("+r+","+g+","+b+","+a+")";
}
function splatter(maxBlob, blobSize, delay) {
  var w = window,                               //get screen size
      d = document,
      e = d.documentElement,
      g = d.getElementsByTagName('body')[0],
      x = w.innerWidth || e.clientWidth || g.clientWidth,
      y = w.innerHeight|| e.clientHeight|| g.clientHeight;

  maxBlob = maxBlob || (x*y/800);               //defaults values
  blobSize = blobSize || 46;
  delay = delay || 100;

  var wrap = document.createElement("div"),     //create wrapping div
      ws = wrap.style;
  ws.position = "absolute";
  ws.top = ws.left = "0";
  ws.height = ws.width = "100%";
  ws.zIndex = "10";
  ws.overflow = "hidden";
  ws.background = "transparent";
  g.appendChild(wrap);

  for (i=1; i<maxBlob; i++){                    //create blobs and splatter loop
    setTimeout(function(){
      var blob = document.createElement("div"),
          bs = blob.style,
          top = rdm(y) - (blobSize/2),
          left = rdm(x) - (blobSize/2),
          size = rdm(blobSize);
      size+=(size & 1);
      bs.position = "absolute";
      bs.top = top+"px";
      bs.left = left+"px";
      bs.height = bs.width = size+"px";
      bs.borderRadius = (size/2)+"px";
      bs.background = randColor();

      wrap.appendChild(blob);

    }, i*delay);
  }
}