title: Display content in popup only clicked div
body: <p>I have this :</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
       &lt;div class="left1"&gt;
       &lt;div id="position" style="background-color:yellow;border:1px solid black;display:none;width:200px;height:200px;"class="PopupDiv";&gt;Position 1&lt;br&gt;Price x&lt;br&gt;Available on xx-xx-xx&lt;br&gt;&lt;a href="http://flibay.com/buy.php";&gt;Buy;&lt;/a&gt;&lt;/div&gt;
               &lt;a href="#" onclick="Popup.show('position','reference','center center',{'constrainToScreen':true});;return false;"&gt;Details;&lt;/a&gt;&lt;br&gt;
          &lt;img src="img/banner_1.jpg"&gt;
       &lt;/div&gt;
       &lt;div class="left2"&gt;
      &lt;div id="position" style="background-color:yellow;border:1px solid black;display:none;width:200px;height:200px;"class="PopupDiv";&gt;Position 2&lt;br&gt;Price x&lt;br&gt;Available on xx-xx-xx&lt;br&gt;&lt;a href="http://flibay.com/buy.php";&gt;Buy;&lt;/a&gt;&lt;/div&gt;
               &lt;a href="#" onclick="Popup.show('position','reference','center center',{'constrainToScreen':true,'offsetTop':-200});;return false;"&gt;Details;&lt;/a&gt;&lt;br&gt;
          &lt;img src="img/banner_1.jpg"&gt;
       &lt;/div&gt;
       &lt;div class="left3"&gt;
      &lt;div id="poistion" style="background-color:yellow;border:1px solid black;display:none;width:200px;height:200px;"class="PopupDiv";&gt;Position 3&lt;br&gt;Price x&lt;br&gt;Available on xx-xx-xx&lt;br&gt;&lt;a href="http://flibay.com/buy.php";&gt;Buy;&lt;/a&gt;&lt;/div&gt;
               &lt;a href="#" onclick="Popup.show('position','reference','center center',{'constrainToScreen':true,'offsetTop':-200});;return false;"&gt;Details;&lt;/a&gt;&lt;br&gt;
          &lt;img src="img/banner_1.jpg"&gt;
       &lt;/div&gt;
       &lt;div class="left4"&gt;
       &lt;div id="position" style="background-color:yellow;border:1px solid black;display:none;width:200px;height:200px;top:50%;left:50%;margin:-(height/2)px 0 0 -(width/2)px;"class="PopupDiv";&gt;Position 4&lt;br&gt;Price x&lt;br&gt;Available on xx-xx-xx&lt;br&gt;&lt;a href="http://flibay.com/buy.php";&gt;Buy;&lt;/a&gt;&lt;/div&gt;
               &lt;a href="#" onclick="Popup.show('position','reference','center center',{'constrainToScreen':true,'offsetTop':-200});;return false;"&gt;Details;&lt;/a&gt;&lt;br&gt;
          &lt;img src="img/banner_1.jpg"&gt;
       &lt;/div&gt;
       &lt;div class="left5"&gt;
      &lt;div id="position" style="background-color:yellow;border:1px solid black;display:none;width:200px;height:200px;"class="PopupDiv";&gt;Position 5&lt;br&gt;Price x&lt;br&gt;Available on xx-xx-xx&lt;br&gt;&lt;a href="http://flibay.com/buy.php";&gt;Buy;&lt;/a&gt;&lt;/div&gt;
               &lt;a href="#" onclick="Popup.show('position','reference','center center',{'constrainToScreen':true,'offsetTop':-200});;return false;"&gt;Details;&lt;/a&gt;&lt;br&gt;
          &lt;img src="img/banner_1.jpg"&gt;
       &lt;/div&gt;
       &lt;div class="left6"&gt;
      &lt;div id="position" style="background-color:yellow;border:1px solid black;display:none;width:200px;height:200px;"class="PopupDiv";&gt;Position 6&lt;br&gt;Price x&lt;br&gt;Available on xx-xx-xx&lt;br&gt;&lt;a href="http://flibay.com/buy.php";&gt;Buy;&lt;/a&gt;&lt;/div&gt;
               &lt;a href="#" onclick="Popup.show('position','reference','center center',{'constrainToScreen':true,'offsetTop':-200});;return false;"&gt;Details;&lt;/a&gt;&lt;br&gt;
          &lt;img src="img/banner_1.jpg"&gt;
       &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>It is div centered javascript popups, but if I clicked any of those 6 divs, get in popup onlu content first div with ID "position". How can get content only of those div which I clicked? 
  P.S
  Javacript popup.js from this link with my modifications <code>http://www.javascripttoolbox.com/libsource.php/popup/combined/popup.js</code></p>