Раскрывающееся меню картинок на jQuery

<div id="ei_menu" class="ei_menu">
    <ul>
        <li>
            <a href="#" class="pos1">
                <span class="ei_preview"></span>
                <span class="ei_image"></span>
            </a>
            <div class="ei_descr">
                <h2>Gary</h2>
                <h3>Vocals</h3>
                <p>Some text here...</p>
            </div>
        </li>
        <li> ... </li>
    </ul>
</div>

.ei_menu{
    background:#111;
    width:100%;
    overflow:hidden;
}

.ei_menu ul{
    height:350px;
    margin-left:50px;
    position:relative;
    display:block;
    width:1300px;
}

.ei_menu ul li{
    float:left;
    width:75px;
    height:350px;
    position:relative;
    overflow:hidden;
    border-right:2px solid #111;
}

.ei_preview{
    width:75px;
    height:350px;
    cursor:pointer;
    position:absolute;
    top:0px;
    left:0px;
    background:transparent url(../images/bw.jpg) no-repeat top left;
}

.ei_image{
    position:absolute;
    left:75px;
    top:0px;
    width:75px;
    height:350px;
    opacity:0.2;
    background:transparent url(../images/color.jpg) no-repeat top left;
}

.pos1 span{
    background-position:0px 0px;
}
.pos2 span{
    background-position:-75px 0px;
}
.pos3 span{
    background-position:-152px 0px;
}
.pos4 span{
    background-position:-227px 0px;
}
.pos5 span{
    background-position:-302px 0px;
}
.pos6 span{
    background-position:-377px 0px;
}

.ei_descr{
    position:absolute;
    width:278px;
    height:310px;
    border-right:7px solid #f0f0f0;
    padding:20px;
    left:75px;
    top:0px;
    background:#fff;
}

.ei_descr h2{
    font-family: 'Rock Salt', arial, serif;
    font-size:26px;
    color:#333;
    padding:10px;
    text-shadow:0px 0px 1px #fff;
    background:#fff url(../images/stripe_light.gif) repeat top left;
}

.ei_descr h3{
    font-family: 'Raleway', arial, serif;
    color:#fff;
    text-shadow:0px 0px 1px #000;
    font-style:normal;
    padding:10px;
    background:#333;
}

.ei_descr p{
    color:#000;
    padding:10px 5px 0px 5px;
    line-height:18px;
    font-size:11px;
    font-family: Arial, sans-serif;
    text-transform:uppercase;
}

<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css' />

var $menu               = $('#ei_menu > ul'),
    $menuItems          = $menu.children('li'),
    $menuItemsImgWrapper= $menuItems.children('a'),
    $menuItemsPreview   = $menuItemsImgWrapper.children('.ei_preview'),
    totalMenuItems      = $menuItems.length,

Теперь функционал:

ExpandingMenu   = (function(){
    /*
        @current
        индекс элемента, который отобразится при первой загрузке, если -1, то все будут скрыты       */
    var current             = -1,
    /*
        @anim
        если хотите, чтобы открытый по умолчанию элемент анимировался, задайте true
     */
    anim                = true,
    /*
        проверят на валидность текущий элемент-
        между 0 и количеством элементов
     */
    validCurrent        = function() {
        return (current >= 0 && current < totalMenuItems);
    },
    init                = function() {
            /* если current валиден, отобразить элемент по умолчанию */
        if(validCurrent())
            configureMenu();

        initEventsHandler();
    },
    configureMenu       = function() {
            /* устанавливает значение для current */
        var $item   = $menuItems.eq(current);
            /* если anim = true, анимировать элемент */
        if(anim)
            slideOutItem($item, true, 900, 'easeInQuint');
        else{
                /* если нет, просто отобразить */
            $item.css({width : '400px'})
            .find('.ei_image')
            .css({left:'0px', opacity:1});

                /* увеличить прозрачность остальных элементов */
                $menuItems.not($item)
                          .children('.ei_preview')
                          .css({opacity:0.2});
        }
    },
    initEventsHandler   = function() {
            /*
            при клике на один из элементов может произойти:
            1) он уже открыт - закрыть его!
            2) он закрыт - открыть его! (если другой элемент открыт, то закрыть его!)
            */
        $menuItemsImgWrapper.bind('click.ExpandingMenu', function(e) {
            var $this   = $(this).parent(),
            idx     = $this.index();

            if(current === idx) {
                slideOutItem($menuItems.eq(current), false, 1500, 'easeOutQuint', true);
                current = -1;
            }
            else{
                if(validCurrent() && current !== idx)
                        slideOutItem($menuItems.eq(current), false, 250, 'jswing');

                current = idx;
                    slideOutItem($this, true, 250, 'jswing');
            }
            return false;
        });
    },
        /* если вы хотите запустить открытие какого-либо элемента */
        openItem            = function(idx) {
            $menuItemsImgWrapper.eq(idx).click();
        },
        /*
        открывает или закрывает элемент
        заметьте, что "mLeave" =- true, когда все элементы скрыты,
        в этом случае мы возвращаем им начальную прозрачность.
        по значению "dir" (true | false) мы узнаем, закрыт или открыт элемент
        */
    slideOutItem        = function($item, dir, speed, easing, mLeave) {
        var $ei_image   = $item.find('.ei_image'),

        itemParam   = (dir) ? {width : '400px'} : {width : '75px'},
        imageParam  = (dir) ? {left : '0px'} : {left : '75px'};

            /*
            при открытии задаем непрозрачность = 0.1.
            это вместо того, что закомментировано:
            */
        if(dir)
        /*
                alternative:
                $menuItemsPreview.not($menuItemsPreview.eq(current))
                                 .stop()
                                 .animate({opacity:0.1}, 500);
         */
            $menuItemsPreview.stop()
        .animate({opacity:0.1}, 1000);
        else if(mLeave)
            $menuItemsPreview.stop()
        .animate({opacity:1}, 1500);

            /* элемент