Fire JS Bin - lovehate

if(stacksize>5){
        this.speed = 10;// rather slow
        this.num_harvesting_msg = 10;
      }

if(stacksize>15){
        this.speed = 80;// quite fast
        this.num_harvesting_msg = 5;
      }
      if(stacksize>30){
        this.speed = 90;// quite fast
        this.num_harvesting_msg = 1;
      }
      waitingtime = Math.abs((100 - this.speed)*20);
      this.tempo = setTimeout("$.feel.play()",waitingtime);
      //let's harvest
      if(stacksize<40){
        wi=Math.floor(Math.random()*this.words.length);// this could be improved
        while(this.words_iterator==wi){
          wi=Math.floor(Math.random()*this.words.length);
        }
        this.words_iterator = wi;
        this.harvest(wi);
        
      }
      //let's display
      if(stacksize>0){
        this.display(this.tweets_stack.shift());
      }
    },
    display: function(tw){
      
      // running text
      a = $('<a></a>').attr('href','http://www.twitter.com/'+tw.from_user+'/status/'+tw.id).html(' '+tw.from_user).addClass('u');
      $('<li></li>').html(this.textFormat(tw.text)).append(a).css('margin-left',this.loverate).prependTo('#'+destination_element);
      $('#'+destination_element+' li:nth-child(30)').remove();
      that = this;
      $.each(this.words,function(i,w){
        var exp = eval('/'+w.label+'/ig');
        if(tw.text.match(exp)){
          that.loverate += (w.value);
        }
      });
      if(that.loverate>1000)that.loverate=900;
      if(that.loverate<0)that.loverate=10;
      $('#cursor').css('left',(that.loverate));
    }
  }
})(jQuery);

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <title>love|hate</title> 
  <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
  <meta name="author" content="gaspard from freelancis"> 
  <meta http-equiv="imagetoolbar" content="no"> 
  <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script> 
</head> 
<body id="index"> 
  <div id="about"><a href="#header">what is this ?</a></div> 
  <div id="header"> 
    <h1>a snapshot of human emotions</h1> 
    <div><span class="love">love</span><span class="hate">hate</span> is a snapshot of the world's state of mind in real time. <span class="hate">hate</span> on one side, <span class="love">love</span> on the opposite one and in between a cursor oscilliating with the messages cast by anonymous people on the web.</div> 
  </div> 
  <div id="bar"> 
    <div class="love">love</div> 
    <div class="hate">hate</div> 
    <div id="cursor"> 
      <span>cursor</span> 
    </div> 
  </div> 
  <div> <ul id="tw"></ul></div>
</body> 
</html>

/* i love stubbornella */
body{font:15px Helvetica,Arial,sans-serif;text-align:center;overflow:hidden;}
a {text-decoration:none;}
#bar, #tw, #header{position:relative;text-align:left;margin:auto;width:1000px;}
#header h1{font:normal 27px Helvetica,Arial,sans-serif;margin:0 0 0 0;}
#header{padding-bottom:50px;color:#666;font:normal 15px Helvetica,Arial,sans-serif; display:none;}
#tw.li{list-style-type:none;padding:0;margin:0;}
#tw{list-style-type:none;padding:10px 0 0 0;font-size:9px;color:#666;}
#tw a{color:#444;}
.sp{font:bold 13px Helvetica,Arial,sans-serif;  letter-spacing:-1px;}
.hate,.hate a{  color:#0074AE;}
.love,.love a{  color:#FF0071;}
.like,.like a{  color:#a9519d;}
.dislike,.dislike a{color:#6061a5;}
#bar{height:20px;}
#bar .love,#bar .hate{position:absolute;} 
#bar .love {left:960px;padding-right:35px;padding-top:5px;height:20px;background: transparent url(/attach/e.png) no-repeat scroll right -25px;}
#bar .hate {left:0;padding-left:35px;padding-top:5px;height:20px;background: transparent url(/attach/e.png) no-repeat scroll top left;}
#cursor {position:absolute;z-index:10;left:490px;height:25px;width:25px;background: transparent url(/attach/e.png) no-repeat scroll left -50px;}
#cursor span{display:none;}
#cursor.play{background-position:0 -100px;}
#cursor.pause{background-position:0 -75px;}
#tw a.u{padding:1px 2px; background-color:#f2f2f2;}
#tw a.u:hover{background-color:#444;color:#f2f2f2;}
#about {
  position:absolute;top:3em;left:-2em;
  transform : rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
/*  transform : rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
*/
}
#about a{color:#ccc; display:block; padding:2px;font-size:1.2em;}
#about a:hover{background-color:#ddd;color:#333;}