;(function($){
    /*
     * 基于jQuery的簡易手風(fēng)琴切換插件
     */
    $.fn.iAccordion=function(iSet){
        var self=this;
        iSet=$.extend({Type:'mouseover',Select:'img',Cur:0,InitInterval:100,Interval:500,Easing:''},iSet||{});
        /*
         * Type: 鼠標事件類型，mouseover,click,mouseleave等
         * Select: 選擇器，用以獲取需要切換的元素集合
         * Cur: 默認展開元素的索引
         * InitInterval: 初始化手風(fēng)琴效果動畫間隔時間
         * Interval: 鼠標事件動畫間隔時間
         * Easing: 動畫效果，需要jQuery.easing支持，參數(shù)可參考jQuery.easing@ http://gsgd.co.uk/sandbox/jquery/easing/
         */
        var item,boxW,selectW,animateW,sIndex,animateL;
        $(self).each(function(){
            //初始化容器樣式
            $(this).css({'position':'relative','overflow':'hidden'});
            item=$(this).find(iSet.Select);
            //初始化切換元素樣式
            item.css({'position':'absolute','left':0,'top':0});
            boxW=$(this).outerWidth();
            selectW=item.outerWidth();
            animateW=(boxW-selectW)/(item.size()-1);
            //初始化元素排列并為元素data一個索引值
            item.each(function(i){
                $(this).animate({'left':animateW*i+'px'},iSet.InitInterval,iSet.Easing);
                $(this).data('index',i);
            }).on(iSet.Type,function(e){//綁定鼠標事件
                //獲取當前元素索引值
                sIndex=$(this).data('index');
                    //鼠標事件動畫，通過判斷元素索引值與當前元素索引值的大小關(guān)系動畫顯示當前元素并動畫排列
                    item.each(function(n){
                        n > sIndex ? animateL=selectW+animateW*(n-1) : animateL=animateW*n;
                        $(this).stop().animate({'left':animateL+'px'},iSet.Interval,iSet.Easing);
                    });
            }).eq(iSet.Cur).trigger(iSet.Type);
        });
    }
})(jQuery);