Доработка Slider

[penguen]

Всем доброе время суток. Нужно переписать или дополнить обработку слайдера. Я в ДжеКвери не разбираюсь. Помогите кто может? Был бы очень вам благодарен.
Есть сайт http://611.611.ua/ В шапке есть Акция, КАСКО и т.д. нужно чтобы при нажатии на любую из категорий отображался определенной категории текст по центру

$(document).ready(function() {
    $("#main").scrollable({
        vertical: true,
        size: 1,
        clickable: false,
        keyboard: 'static',
        onSeek: function(event, i) {
            horizontal.scrollable(i).focus();
        }
    }).navigator("#main_navi");
    var horizontal = $(".scrollable").scrollable({
        size: 1
    }).circular().navigator(".navi");
    horizontal.eq(0).scrollable().focus();
    $(function() {
        $("ul.tabs").tabs("div.panes > div");
        $(".short-block-color-1:even").addClass("short-block-color-2");
        $(".commentS-block:odd").addClass("com-color1");
        $(".short-block-color-1").click(function() {
            $(this).expose({
                api: true
            }).load();
        });
        $(function() {
            $("#apple span[rel]").overlay({
                effect: 'apple'
            });
        });
    });
$('body').css({});
});

И НТМЛ с ЦСС2

<!-- main navigator -->
            <ul id="main_navi">
              <li>Акции</li>
              <li>Новости</li>
              <li>О компании</li>
              <li>Руководство компании</li>
              <li>Финансовые результаты</li>              
              <li>Презентационные материалы</li>
              <li>Наши партнёры</li>              
              <li>Вакансии</li>              
              <li>Отзывы о компании</li>                
            </ul>
            <div id="main">
              <div id="pages">                    
                <div class="page">
                  <div class="navi"></div>
                  <div class="scrollable">
                    <div class="items">
                      ТЕКСТ
                    </div>
                  </div>
                </div></div>
                </div>

[Gvozd]

Вы просите готовый скрипт с нуля.

Это работа, и за нее обычно платят деньги.
Для таких сообщений предназначен раздел форума "Работа".

Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела.

[penguen]

Как я понял нужно курить это -> http://docs.jquery.com/UI/API/1.8/Tabs

Пример:

<div id="example">
     <ul>
         <li><a href="ahah_1.html"><span>Content 1</span></a></li>
         <li><a href="ahah_2.html"><span>Content 2</span></a></li>
         <li><a href="ahah_3.html"><span>Content 3</span></a></li>
     </ul>
</div>

и

$('#example').tabs({
    load: function(event, ui) {
        $('a', ui.panel).click(function() {
            $(ui.panel).load(this.href);
            return false;
        });
    }
});