fix overlapping pointer on facebook timeline effect
<p>I have created facebook timeline effect using following tutorial:
<a href="http://www.9lessons.info/2012/01/facebook-timeline-design-using-jquery.html" rel="nofollow">http://www.9lessons.info/2012/01/facebook-timeline-design-using-jquery.html</a></p>

<p>Each block on timeline have a pointer (arrow) and a dot, these dots are overlapping when blocks are on same position. For example first 2 blocks in the demo page.</p>

<p>Demo Page: <a href="http://demos.9lessons.info/timeline/index.html" rel="nofollow">http://demos.9lessons.info/timeline/index.html</a></p>

<p>I do not want these dots to overlap, instead i want to add margin top to the blocks where they have same top position on timeline. How can i achieve this using jquery?</p>
