jQuery - Bubbles Conversation Layout
<p>I need to implement the following layout structure in some web site:</p>

<p><img src="http://i.stack.imgur.com/KleNK.png" alt="alt text"></p>

<p>As you can see, in this conversation there are 3 participants. Every line that a participant say is in a bubble. Every participant has different color bubble. All the bubbles for a participant have the same distance from the left. </p>

<p>I'm looking for a jQuery plugin that implements this layout structure (or a similiar layout structure). This plugin should support at least 2 and 3 participants, but an option for more would be great.</p>

<p>If no such plugins exists, how can I implement this? I mean, how can I calculate the width of each bubble (depending on the participants count) and the margin-left for each bubble?</p>

<p>Thanks!</p>
