(function($){
    jQuery.fn.extend({
        'imgSlideShow': function(options){
            // 扩展参数
            var op = $.extend({
                'desclass': null,
                'delay': 1000
            }, options);
            // 设置窗口的样式
            this.css({
                position: 'relative',
                overflow: 'hidden'
            });
            // 设置图片项的样式
            this.children('li').css({
                clear: 'both',
				overflow:'hidden',
                display: 'none'
            });
            // 添加数字标签层
            $('<div id="num_lable" class="num_lable"></div>').appendTo(this);
            // 添加文字标签层
            $('<div id="text_title" class="text_title"></div>').appendTo(this).hover(function(e){
                    // 阻止事件流
                    e.stopPropagation();
                    // 暂停动画
                    clearTimeout(timeoutReturn);
                },
				function () {
                    // 重新开始图片动画
                	imgSlideShowProcess();
            	}
				);
            // 添加文字容器
            $('<div id="text_title1" class="text_title"></div>').appendTo(this).css({
				display:'none'
            });
		    // 添加文字标签项
			$(this).find("img").each(function(i){
				var links=$(this).attr("link");
				var name = $(this).attr("title");
				var objLength = name.length;
				if(objLength > 36){
			    	nameString=name.substring(0,36) + "…";
			    }else{
			    	nameString=name;
			    }
				$('<div class="text" id="text' + i + '"><a href='+links+' target=_blank>' + nameString + '</a></div>').appendTo('#text_title1');
			});
			// 去掉图片标题提示
			 $(this).find("img").attr("title", "");	
			// $('<dd class="more"><a href="gzdt.asp" title="点击查看更多动态">更多>>></a></dd>').appendTo('#num_lable');
            // 取得所有图片项
            var items = $('li', this);
            // 图片项的数目
            var itemsLength = items.length;
            // 当前的图片项索引
            var curItemIndex = 0;
            // 当前的 timeout 函数返回值
            var timeoutReturn;
            // 添加数字标签项
            for(var i=0;i<=itemsLength-1;i=i+1){
                $('<dd class="label0000" id="label0000' + i + '">' + (i + 1) + '</dd>').appendTo('#num_lable').hover(function(e){
                    // 停止当前的图片项动画并将其隐藏和设置回透明度为1
                    items.eq(curItemIndex).stop().hide().css({
                        opacity: 1
                    });
                    // 阻止事件流
                    e.stopPropagation();
                    // 暂停当前的 timeout 函数
                    clearTimeout(timeoutReturn);
                    curItemIndex = parseInt($(this).text()) - 1;
					$('#num_lable dd').removeClass('cur');
					$('#label0000' + curItemIndex).addClass('cur');
					$("#text_title").html($('#text' + curItemIndex).html());
					items.eq(curItemIndex).fadeIn(100);
                },
				function () {
                    // 从当前的索引开始，重新开始图片动画
                    curItemIndex = parseInt($(this).text()) - 1;
                	imgSlideShowProcess();
            	}
				);
            }
            // 图片动画执行函数
            var imgSlideShowProcess = function(){
				$('#num_lable dd').removeClass('cur');
                $('#label0000' + curItemIndex).addClass('cur');
				$("#text_title").html($('#text' + curItemIndex).html());
					items.eq(curItemIndex).fadeIn(800, function(){
                    	timeoutReturn = setTimeout(imgFadeOut, op.delay);});
            };
            // 淡出图片
            var imgFadeOut = function(){
                items.eq(curItemIndex).fadeOut(80, function(){
                    curItemIndex = (curItemIndex + 1) % itemsLength;
                    imgSlideShowProcess();
                });
            };
            // 开始图片动画
            imgSlideShowProcess();
            return this;
        }
    });
})(jQuery);