jQuery EasySlider слайдер внутри слайдера?

Question

У меня есть два вертикальных ползунка (#slider1 и #slider2). Я хочу, чтобы они были внутри горизонтального слайдера (#slider). Вертикальные ползунки работают отлично, но когда я добавляю горизонтальный ползунок, вертикальные ползунки не работают должным образом (второй слайд пуст).

Вот без горизонтального слайдера: http://www.semiconia.com/test/indexloadonclick.html

Вот с горизонтальным ползунком: http://www.semiconia.com/test/testblank.html

Нажмите на стрелку справа ниже "Знаете ли вы?"

Вот сценарий:

<script type="text/javascript">
        $(document).ready(function(){   
        $("#slider").easySlider({

                prevId: "leftBtn",
                nextId: "rightBtn",
                prevText:'',
                nextText:'',
                vertical: false, 
            });

            $("#slider1").easySlider({

                prevId: "prevBtn1",
                nextId: "nextBtn1",
                prevText:'',
                nextText:'', 

            });$("#slider2").easySlider({

                prevId: "prevBtn2",
                nextId: "nextBtn2",
                prevText:'',
                nextText:'', 

        }); });</script>

и страница в основном так:

<div id="slider"><ul><li>
<div id="slider1"><ul>contents of vertical slider 1</ul></div>
<div id="slider2"><ul>contents of vertical slider 2</ul></div></li>
<li>another horizontal content</li>
</ul></div>

---

Вертикальные ползунки не работают должным образом, потому что # slider1 и # slider2 помещены под горизонтальный #slider, в котором "vertical: false".

Как это решить? Предположительно, нужно иметь возможность перезаписать вертикальную опцию для # slider1 и #slider2, но это не работает. Любая идея?