Untitled

<div>
  <style type="text/css">
    #pushedid_777 { overflow: hidden; position: relative; height: 230px; }
    .indiv { position: absolute; list-style: none; overflow: none; }
    .slider, .sld {background: url(images/scrollbar.gif) no-repeat 0 0;}
    .slider {width: 17px;height: 225px;right:5px;top:5px;position: absolute; }
    .slider .sld {height:210px;margin:15px 0 0; background-position:bottom;}
    .handle {position: absolute; padding:16px 0 17px; left:2px; z-index: 100;}
    .handle .grip { height: 30px; width: 13px; background:#777; }
    #pushedid_777 .pushcontent { padding:2px 30px 6px 10px;}
</style>
  <script src="images/jquery-1.2.6.js" type="text/javascript" charset="utf-8"></script>
  <script src="images/jquery-ui-full-1.5.2.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    jQuery(document).ready(function(jQuery) {
        var tabs = new Array();
        tabs[0] = document.getElementById("pushedid_777");
        tabs[1] = document.getElementById("pushedid_779");
        tabs.id = "myTabs";
        passArray(tabs);
        document.getElementById("pushedid_779").style.display = "block";
        var push777 = document.getElementById("pushedid_777");
        var slider = document.createElement("div");
        slider.innerHTML = "<div class=sld><div class=handle><div class=grip></div></div></div>";
        slider.className = "slider";
        push777.appendChild(slider);
        var container = jQuery("#pushedid_777");
        var ul = jQuery("div.indiv", container);
        var itemsHeight = ul.innerHeight() - container.outerHeight();
        jQuery(".slider", container).slider({
            min: 0,
            max: itemsHeight,
            handle: ".handle",
            stop: function(event, ui) {
                ul.animate({
                    "top": ui.value * -1
                }, 500);
            }, slide: function(event, ui) {
                ul.css("top", ui.value * -1);
            }
        });
    });
</script>
</div>