Jquery UI tabs + Smoothdivscroll HTML markup

<div id="tabs" role="main" >

<ul id="tabs-menu">
    <li><a href="#tab1">Tab 1</a></li>
    <li><a href="#tab2">Tab 2</a></li>
    <li><a href="#tab3">Tab 3</a></li>
</ul>



<div id="tab1" class="makeMeScrollable">
    <div class="scrollingHotSpotLeft"></div>
    <div class="scrollingHotSpotRight"></div>
       <div class="scrollWrapper">
       <div class="scrollableArea">
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />

        </div><!--.scrollableArea-->
        </div><!--.scrollWrapper-->
 </div><!--.makeMeScrollable-->

<div id="tab2" class="makeMeScrollable">
    <div class="scrollingHotSpotLeft"></div>
    <div class="scrollingHotSpotRight"></div>
       <div class="scrollWrapper">
       <div class="scrollableArea">
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />

        </div><!--.scrollableArea-->
        </div><!--.scrollWrapper-->
 </div><!--.makeMeScrollable-->


<div id="tab3" class="makeMeScrollable">
    <div class="scrollingHotSpotLeft"></div>
    <div class="scrollingHotSpotRight"></div>
       <div class="scrollWrapper">
       <div class="scrollableArea">
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />
            <img height="100"  width="100" src="img1.png" />

        </div><!--.scrollableArea-->
        </div><!--.scrollWrapper-->
 </div><!--.makeMeScrollable-->



</div><!-- #tabs -->