(function($) {
    $.fn.Slider = function(options) {
        var settings = {
            width: 500, 			//整体宽度
            height: 260, 		    //整体高度
            picHeight: 200,         //htz:图片高度
            timeout: 3000, 		//切换时间
            overlay: 300, 		//变换动画间隔时间
            effect: 'fadeOut'		//fadeOut可以改为hide(图片渐入),slideUp(图片往上移入),slideDown(图片往下移入)等效果
        };

        //extending options
        options = options || {};
        $.extend(settings, options);

        return this.each(function() {
            var timer;
            var index = 0;
            var aCount = 0;
            var done = true;
            var a = $(this);
            var aImg = a.find('ul');
            var aNum = a.find('dl');
            var aCount = $("li", aImg).length;

            //htz:自动将样式附加到jqSlider对象上
            a.addClass("jqSlider");

            a.css({ width: settings.width, height: settings.height });
            //htz:内容高度= 总体高度-图片高度
            aImg.find('.SliderFont').css({
                height: settings.height - settings.picHeight
                , width: settings.width
                , 'text-overflow': "ellipsis"
                , overflow: "hidden"
            });
            aNum.css({
                top: settings.picHeight-22
            });

            aImg.find('img').css({ 
                width: settings.width
                , height: settings.picHeight 
                });

            sliderStart($('ul li', this[0])[0]);
            $('dl dd').bind('click', function() {
                if (done && !$(this).is('.selected')) {
                    sliderPlay(a.find('dd').index(this));
                }
            });

            function sliderPlay(ix) {
                if (ix >= 0) index = ix;
                else index++;

                if (index > aCount - 1) index = 0;

                sliderStop();
                done = false;
                var imgList = $(a).find('ul');
                var imgNum = $(a).find('dl');
                var old = $('>.selected', imgList);
                if (old.length > 0) {
                    old.css('z-index', 10);
                    $('>:eq(' + index + ')', imgList).addClass('selected').show();

                    eval("old." + settings.effect + "(settings.overlay,function() {$(this).css('z-index',1).removeClass('selected');done=true;sliderStart();});");

                    imgNum.find('dd.selected').removeClass('selected');
                    $('>:eq(' + index + ')', imgNum).addClass('selected');
                }
            }
            //停止自动
            function sliderStop() {
                clearTimeout(timer);
            }
            //开始自动
            function sliderStart() {
                timer = setTimeout(function() { sliderPlay(-1) }, settings.timeout);
            }


        });
    };
})(jQuery);