title: Get the last div in a row of floating divs
body: <p>I have a number of divs floating in several rows. The divs contain text-previews and a link to slide down the full content (see <a href="http://jsfiddle.net/yDcKu/" rel="nofollow">http://jsfiddle.net/yDcKu/</a> for an example). </p>
  
  <p>What happens now: When you slide down the content-div it opens right after the connected preview.
  What I want to happen: Open the content-div after the last div in the row.</p>
  
  <p>I assume the could be done by:<br>
  1. find out which div is the last one in the row of the activated preview,<br>
  2. add an id to this div and<br>
  3. append the content-div to this div.</p>
  
  <p>I have a solution for steps 2 und 3 using jQuery but no guess how to do the first step.
  I can manage to get the document width and the x- and y-value of each div but I have no idea how to find out which div has the highest x- as well the highest y-value and as well is in the row of the activated preview-div.</p>
  
  <p>Any idea anyone? Thanks</p>