スライダー内のjQuery EasySliderスライダー？

私は2つの垂直スライダー（＃slider1と＃slider2）を持っています。私はこれらを水平スライダー（＃スライダー）の中に入れておきたい。垂直スライダーは完全に機能しますが、水平スライダーを追加すると、垂直スライダーが正しく機能しません（2番目のスライドは空白です）。

Here's without the horizontal slider: www.semiconia.com/test/indexloadonclick.html

Here's with the horizontal slider: 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">

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

＃slider1と＃slider2が "vertical：false"の横の#sliderの下に配置されているため、垂直スライダが正しく動作しません。

それを解決するには？おそらく＃slider1と＃slider2の垂直オプションを上書きできるはずですが、うまくいきません。何か案が？