var emoticons = [
  "http://emoticoner.com/files/emoticons/skype_smileys/bandit-skype-smiley.gif?1301953191",
  "http://emoticoner.com/files/emoticons/skype_smileys/bigsmile-skype-smiley.gif?1301953191",
  "http://emoticoner.com/files/emoticons/skype_smileys/call-skype-smiley.gif?1301953192",
  "http://emoticoner.com/files/emoticons/skype_smileys/coffee-skype-smiley.gif?1301953192",
  "http://emoticoner.com/files/emoticons/skype_smileys/dance-skype-smiley.gif?1301953192",
  "http://emoticoner.com/files/emoticons/skype_smileys/clapping-skype-smiley.gif?1301953192",
  "http://emoticoner.com/files/emoticons/skype_smileys/drunk-skype-smiley.gif?1301953193",
  "http://emoticoner.com/files/emoticons/skype_smileys/itwasntme-skype-smiley.gif?1301953196",
  "http://emoticoner.com/files/emoticons/skype_smileys/ninja-skype-smiley.gif?1301953197",
  "http://emoticoner.com/files/emoticons/skype_smileys/blush-skype-smiley.gif?1301953191",
            "http://emoticoner.com/files/emoticons/skype_smileys/heart-skype-smiley.gif?1301953194",
            "http://emoticoner.com/files/emoticons/skype_smileys/inlove-skype-smiley.gif?1301953195",
            "http://emoticoner.com/files/emoticons/skype_smileys/kiss-skype-smiley.gif?1301953196",
            "http://emoticoner.com/files/emoticons/skype_smileys/poolparty-skype-smiley.gif?1301953198"
];
var emoteSize = 35;
var sw = window.innerWidth;
var sh = window.innerHeight - emoteSize;
var f = 0;
var xsh = [];
var areaTextoMin = (sh/2)-(sh*0.25);
var areaTextoMax = (sh/2)+(sh*0.25);
var nodeProperties = [];
var textos = ['Ei!', 'Tá olhando o que?', 'Vc vem sempre aqui?', 'A aí gata quer tc?', 'Me joga na parede me chama de lagarticha', 'Dólar tá alto né?', 'Será que vai chover hoje?', 'Cadê meu café?'];

var animar = function(node) {
  var currentTop = parseInt(node.style.top);
  var newTop = (parseInt(node.style.top)+1);
  var name = node.id;

  if(newTop > sh) {
    node.remove();
  } else if(nodeProperties[name].emAnimacao) {
    node.style.top = (newTop*(nodeProperties[name].aceleracao))+'px';

    if(currentTop > areaTextoMin && currentTop < areaTextoMax && ((Math.round(Math.random()*10)) == 1)) {
      if(nodeProperties[name].possuiFala && !nodeProperties[name].jaFalou) {
        nodeProperties[name].jaFalou = true;
        nodeProperties[name].emAnimacao = false;

        var textDiv = document.createElement("div");

        with(textDiv.style) {
          backgroundColor = "white";
          border = "1px solid #888";
          padding = "2px";
          position = "absolute";
          mozBorderRadius = "3px";
          left = "100%";
          top = "0px";
          fontSize = "9px";
          maxWidth = "50px";
        }

        textDiv.innerHTML = nodeProperties[name].texto;

        node.appendChild(textDiv);

        setTimeout(function() {
          nodeProperties[name].emAnimacao = true;
          textDiv.remove();
        }, 2000);
      }
    }
  }
}

var criarCarinha = function() {
  var nodeName = "node"+Math.round(Math.random() * 10000000000);

  var div = document.createElement("div");
  var b = document.createElement("img");
  b.src = emoticons[Math.round(Math.random()*(emoticons.length-1))];
  div.id = nodeName;

  var hasSpeechText = ((Math.round(Math.random()*4)) == 1)?true:false;
  var texto = textos[Math.round((Math.random()*(textos.length-1)))];

  nodeProperties[nodeName] = {
    possuiFala: hasSpeechText,
    texto: texto,
    jaFalou: false,
    emAnimacao: true,
    aceleracao: parseFloat(((Math.random()*0.2).toFixed(2)))+1
  };

  with(div.style){
    position = "absolute";
    top = '0px';
    left = Math.round(Math.random()*sw)+'px';
    zIndex = 9999999;
  };

  div.appendChild(b);
  document.body.appendChild(div);

  return document.getElementById(nodeName);
}

var init = function() {
  var node = criarCarinha();

  setInterval(animar, 50, node);
}

setInterval(init, 300);