;(function($){


    var $accordion      = $('#accordion'),
        $panels         = $('a', $accordion),
        panelCount     = $panels.length,
        panelWidth      = 115,
        panelHoverWidth = 145,
        duration        = 300,
        panelNumber     = 0;


    $accordion
        .css({
            width: panelCount * panelWidth,
            position: 'relative'
        });

    $panels
        .each(function(){
            if (panelNumber == (panelCount -1)) {
                $(this).css({
                    overflow: 'hidden',
                    position: 'absolute',
                    right: 0,
                    top: 0
                });
            } else {
                $(this).css({
                    overflow: 'hidden',
                    position: 'absolute',
                    left: panelNumber * panelWidth,
                    top: 0
                });
            }
            panelNumber++;
        })
        .hover(function(){
            $(this).css('zIndex', 20);
            $(this)
                .stop()
                .animate({
                    width: panelHoverWidth,
                    shadow: '0 0 15px #000'
                });
        }, function(){
            $(this).css('zIndex', 10);
            $(this)
                .stop()
                .animate({
                    width: panelWidth,
                    shadow: '0 0 0 #000'
                }, duration);
        });

})(jQuery);