title: add image to in first two of three javascript results
body: <p>I have a blogger script that pulls the latest three twitter posts from an account and am I tweaked it to add in an image divider at the bottom of the post but do NOT want to see the divider at the bottom of the last post. I am stuck with the syntax to use to count the first two then exclude the image (or rewrite the line without the image) in the third.</p>
  
  <p>Here is the code block:</p>
  
  <pre><code>function twitterCallback2(twitters) 
  {
      var statusHTML = [];
      for (var i=0; i&lt;twitters.length; i++)
      {
          var username = twitters[i].user.screen_name;
          var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\&lt;\&gt;]*[^.,;'"&gt;\:\s\&lt;\&gt;\)\]\!])/g, function(url) 
          {
              return '&lt;a href="'+url+'" target="_blank"&gt;'+url+'&lt;/a&gt;';
          }).replace(/\B@([_a-z0-9]+)/ig, function(reply) 
          {
              return  reply.charAt(0)+'&lt;a href="http://twitter.com/'+reply.substring(1)+'"&gt;'+reply.substring(1)+'&lt;/a&gt;';
          });
  
          statusHTML.push('&lt;li&gt;&lt;span&gt;'+status+'&lt;/span&gt; &lt;a class="date" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'" target="_blank"&gt;&lt;br /&gt;&lt;p style="text-align:left; margin-top:4px;"&gt;&lt;img src="../images/news/twitter-bird.png" style="margin:3px 2px 0 0;"&gt;'+relative_time(twitters[i].created_at)+'&lt;/a&gt;&lt;/p&gt;&lt;img src="../images/news/twitter-divider.png" style="margin-top:4px;"&gt;&lt;/li&gt;');
      }
      document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
  }
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>