revolution.js

$(document).ready(function() {
  revolution = Revolution();
  revolution.init();
});

var Revolution = function() {
  var that = {};

  that.init = function() {
    that.preload_images();
    that.preload_music();
    that.preload_mp3s();
    //that.preload_tweets();
  }
  
  that.play_audio = function() {
    $('#play-button').addClass('hidden');
    $('#introduction').removeClass('hidden');
    that.audio.play();
    window.setTimeout(function() {
      $('#introduction').fadeOut(1000);
    }, 5000);
    window.setTimeout(function(){
      $('#title').fadeIn(1000);
    }, 6000);
    window.setTimeout(function() {
      $('#title').fadeOut(1000);
    }, 11200);
  }
  
  that.preload_images = function() {
    $.each(images, function(key, image) {
      $('<img />').attr('src', image).addClass('hidden bg revolution' + key).load(function() {
        if(key == 0) {
          $(this).removeClass('hidden');
        }
        $('body').append($(this));
      });
    });
  }

  that.preload_music = function() {
	  that.audio = document.createElement('audio');
    that.audio.src = 'audio/the-revolution-will-not-be-televized.mp3';
    that.audio.load();
    $(that.audio).bind('play', function() {
      that.fire_audio_phrases();
      //that.fire_tweets();
    });
    
    // that.audio.controls = 'controls';
    // $('#player').append(that.audio);
    //that.audio.play();
  };

  that.preload_mp3s = function() {
    // iterates the lyrics and creates preloaded audio tags with the google tts urls
    that.audio_phrases = [];
    for(var i = 0; i < lyrics.length; i++) {
      var timestamp = lyrics[i][0];
      var phrase = lyrics[i][1];
      var a = document.createElement('audio');
      a.src = 'http://translate.google.com/translate_tts?tl=en&q=' + escape(phrase);
      a.load();
      that.audio_phrases.push([timestamp, phrase, a]);
    }
  };


  that.fire_audio_phrases = function() { 
    var timestamp = 0;
    for(var i = 0; i < that.audio_phrases.length; i++) {
      setTimeout("revolution.show_phrase(" + i + ")", timestamp += that.audio_phrases[i][0]);
    }
  };

  that.show_phrase = function(position) {
    var bundle = that.audio_phrases[position];
    $('img.revolution' + position).fadeOut('slow');
    $('img.revolution' + (position+1)).fadeIn('fast');
    $('#phrase').css('left', '-1000px');
    $('#phrase').text(bundle[1]);
    var left = Math.floor((Math.random() * ($('body').width() - $('#phrase').width() - 10)));
    var top = Math.floor((Math.random() * ($('body').height() - $('#phrase').height())) - 15);
    $('#phrase').css('left', left + 'px');
    $('#phrase').css('top', top + 'px');
    bundle[2].play();
  }

  that.preload_tweets = function() {
    that.tweets = [];
    $.getJSON('http://search.twitter.com/search.json?q=revolution&rpp=100&callback=?', function(data) {
      that.tweets = data.results;
    });
  };

  that.fire_tweets = function() {
    console.debug('that.fire_tweets');
    good_beets = []
    for(var i = 0; i < analyze.beats.length; i++) {
      if(analyze.beats[i].confidence > 0.4) {
        good_beets.push(analyze.beats[i]) 
        setTimeout("revolution.show_tweet(" + i + ")", analyze.beats[i].start * 1000);
      }
    }
  };

  that.show_tweet = function(position) {
    var left = Math.floor((Math.random() * ($('body').width() - 250)));
    var top = Math.floor((Math.random() * ($('body').height() - 200)));
   
    var tweet = that.tweets[position % that.tweets.length];
    $('#content').append($('<div>')
                     .attr({
                       id: 'tweet_' + position,
                       class: 'tweet'
                    })
                     .css({
                       top: top + 'px',
                       left: left + 'px'
                     })
                     .html(tweet.text + ' by @' + tweet.from_user));
   
    setTimeout("$('#tweet_" + position + "').fadeOut('slow')", 5000);
  };

  return that;
};