div containing multiple modules dynamic positioning based on page position
<p>i have a website www.bacauacum.ro , i would wish to to have the sidebar (div  rightcol ) like on rocketheme main site <a href="http://www.rockettheme.com/" rel="nofollow">http://www.rockettheme.com/</a> , i know that it changes the css style <code>**&lt;div id="sidebar" **class="top" style="margin-top: 0px;** "&gt;**</code> as you scroll down the page it changes into <code>&lt;div id="sidebar" class="float" style="margin-top: 0px; "&gt;</code> and as soon as you reach the bottom of the side bar it changes into <code>&lt;div id="sidebar" class="bottom" style="margin-top: 0px; "&gt;</code> , my question is what javascript code do you need to do this .</p>
