jQuery - wording rollout animations

Question

jQuery(document).ready(function(){
  var terms = ['joyful','dream','perfect','bargain','ideal','luxury'];
  var i = 0;
  function rollerout(){

    jQuery(".roller").animate({opacity: 0, left: '-150px'}
                        , 500,function(){
                          jQuery(".roller").text(terms[i]);
                          rollin();
                        });
  }
  function rollin(){
    jQuery(".roller").css('display', 'block').animate({opacity: 1.0, left: '150px'}
                        , 500,function(){
                          i = i+1;
                          i = (terms.length == i)?0:i;
                          setTimeout(rollerout,2000);
                        });
  }
  rollin();

})