split = function (element) {
  words = $(element).text().split('');
  for (i in words) {
    words[i] = '<span>' + words[i] + '</span>';
  }
  text = words.join('');
  $(element).html(text);
};

textify = function(element,method,delay) {
  split(element);
  $(element + ' span').css('opacity','0')
  $(element + ' span').css('position','relative');
  in_speed = 10;
  count = 0;
  setTimeout(function(){
    count = 0;
    $(element + ' span').each(function () {
      if(method == 'fade'){
        $(this).delay(0 + in_speed * count).animate({ opacity: '1' }, 200);
      } else if(method == 'bounce'){
        $(this).delay(0 + in_speed * count).animate({ opacity: '1','top':'-4px'}, 220,'easeOutCubic');
        $(this).delay(0 + in_speed * count/4).animate({ opacity: '1','top':'0px'}, 220);
      }
      count++;
    });
  },delay);
};

/* Now textify! */

textify('.intro','fade',500);
textify('.sub','bounce',1500);
textify('.dash','fade',2500);
textify('.desc','fade',3500);
textify('.fade','fade',4500);
textify('.bounce','bounce',5500);
textify('.dash2','fade',6500);
textify('.usage','fade',7500);